Dark palette

Ink and Cream

Almost black with one warm cream. Most of this palette is the contrast.

4 colors · 6 of 12 pairs carry body text

Dark

#1A1D28

very dark muted blue

#665F4F

dark muted orange

#93ACD6

light soft azure

#FBE7C5

very light intense orange

CSS

:root {
  --ink_and_cream-1: #1a1d28;
  --ink_and_cream-2: #665f4f;
  --ink_and_cream-3: #93acd6;
  --ink_and_cream-4: #fbe7c5;
}

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.

6 of 12 pairs reach 4.5:1

Contrast ratio of every color in this palette against every other.
On ↓ / text →	#1A1D28	#665F4F	#93ACD6	#FBE7C5
#1A1D28	Same	2.65	7.29	13.87
#665F4F	2.65	Same	2.75	5.23
#93ACD6	7.29	2.75	Same	1.9
#FBE7C5	13.87	5.23	1.9	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.