Earthy palette

Sandstone

Warm neutrals with the faintest color in them. A backdrop, not a subject.

5 colors · 6 of 20 pairs carry body text

Earthy

#532624

dark soft red

#6F4D36

dark soft orange

#8D784C

mid muted orange

#C4BF84

light soft yellow

#D4E09A

light soft lime

CSS

:root {
  --sandstone-1: #532624;
  --sandstone-2: #6f4d36;
  --sandstone-3: #8d784c;
  --sandstone-4: #c4bf84;
  --sandstone-5: #d4e09a;
}

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 →	#532624	#6F4D36	#8D784C	#C4BF84	#D4E09A
#532624	Same	1.67	2.95	6.66	8.94
#6F4D36	1.67	Same	1.76	3.99	5.35
#8D784C	2.95	1.76	Same	2.26	3.03
#C4BF84	6.66	3.99	2.26	Same	1.34
#D4E09A	8.94	5.35	3.03	1.34	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.