Warm palette

Kiln

Fired clay reds cooling into ochre. Warm without tipping into alarm.

5 colors · 6 of 20 pairs carry body text

Warm

#500009

very dark intense red

#990C1D

dark intense red

#C25A33

mid vivid orange

#CD8D4D

mid vivid orange

#E9C877

light vivid orange

CSS

:root {
  --kiln-1: #500009;
  --kiln-2: #990c1d;
  --kiln-3: #c25a33;
  --kiln-4: #cd8d4d;
  --kiln-5: #e9c877;
}

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 →	#500009	#990C1D	#C25A33	#CD8D4D	#E9C877
#500009	Same	1.8	3.57	5.59	9.66
#990C1D	1.8	Same	1.98	3.1	5.36
#C25A33	3.57	1.98	Same	1.56	2.7
#CD8D4D	5.59	3.1	1.56	Same	1.73
#E9C877	9.66	5.36	2.7	1.73	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.