Dark palette

Deep Field

Night sky navy lifting into violet, for a dark theme that is not merely gray.

5 colors · 4 of 20 pairs carry body text

Dark

#263143

dark muted azure

#61647F

mid muted blue

#8783A1

mid muted blue

#BCAFCF

light muted violet

#DDCDEB

very light soft violet

CSS

:root {
  --deep_field-1: #263143;
  --deep_field-2: #61647f;
  --deep_field-3: #8783a1;
  --deep_field-4: #bcafcf;
  --deep_field-5: #ddcdeb;
}

Drop these into :root and reference them anywhere. The names follow the palette so a second palette will not collide with this one.

This palette is a starting point. Open it in the generator to change the harmony rule, lock the colors you like and shuffle the rest.

4 of 20 pairs reach 4.5:1

Contrast ratio of every color in this palette against every other.
On ↓ / text →	#263143	#61647F	#8783A1	#BCAFCF	#DDCDEB
#263143	Same	2.27	3.61	6.35	8.74
#61647F	2.27	Same	1.59	2.8	3.85
#8783A1	3.61	1.59	Same	1.76	2.42
#BCAFCF	6.35	2.8	1.76	Same	1.38
#DDCDEB	8.74	3.85	2.42	1.38	Same

Read a row as the background and a column as the text on it. Anything at 4.5:1 or above carries body text; 3:1 covers large text and interface parts.