Warm palette

Marigold

Deep red through gold to a pale citrus edge, holding brightness at small sizes.

5 colors · 6 of 20 pairs carry body text

Warm

#8C0F00

dark intense red

#994000

dark intense orange

#AB750B

dark intense orange

#C8B540

mid vivid yellow

#C4DF7B

light vivid lime

CSS

:root {
  --marigold-1: #8c0f00;
  --marigold-2: #994000;
  --marigold-3: #ab750b;
  --marigold-4: #c8b540;
  --marigold-5: #c4df7b;
}

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 →	#8C0F00	#994000	#AB750B	#C8B540	#C4DF7B
#8C0F00	Same	1.41	2.42	4.64	6.5
#994000	1.41	Same	1.71	3.28	4.59
#AB750B	2.42	1.71	Same	1.92	2.69
#C8B540	4.64	3.28	1.92	Same	1.4
#C4DF7B	6.5	4.59	2.69	1.4	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.