Muted palette

Ash Rose

Dusty pinks with the saturation pulled out. Quiet without going gray.

5 colors · 6 of 20 pairs carry body text

Muted

#412834

dark muted rose

#6D5256

dark muted red

#997677

mid muted red

#B79D91

light muted orange

#EADDCD

very light soft orange

CSS

:root {
  --ash_rose-1: #412834;
  --ash_rose-2: #6d5256;
  --ash_rose-3: #997677;
  --ash_rose-4: #b79d91;
  --ash_rose-5: #eaddcd;
}

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 20 pairs reach 4.5:1

Contrast ratio of every color in this palette against every other.
On ↓ / text →	#412834	#6D5256	#997677	#B79D91	#EADDCD
#412834	Same	1.9	3.3	5.23	9.96
#6D5256	1.9	Same	1.74	2.76	5.26
#997677	3.3	1.74	Same	1.58	3.02
#B79D91	5.23	2.76	1.58	Same	1.91
#EADDCD	9.96	5.26	3.02	1.91	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.