Earthy palette

Rust Belt

Oxidized red against a cool escape, for something with weight to it.

5 colors · 4 of 20 pairs carry body text

Earthy

#5B2311

dark vivid red

#3E735F

dark muted spring green

#7489C7

mid soft azure

#FE936F

light intense orange

#B0F7DA

very light intense spring green

CSS

:root {
  --rust_belt-1: #5b2311;
  --rust_belt-2: #3e735f;
  --rust_belt-3: #7489c7;
  --rust_belt-4: #fe936f;
  --rust_belt-5: #b0f7da;
}

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 →	#5B2311	#3E735F	#7489C7	#FE936F	#B0F7DA
#5B2311	Same	2.26	3.63	5.68	10.14
#3E735F	2.26	Same	1.61	2.52	4.49
#7489C7	3.63	1.61	Same	1.56	2.79
#FE936F	5.68	2.52	1.56	Same	1.78
#B0F7DA	10.14	4.49	2.79	1.78	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.