Earthy palette

Orchard

Leaf greens with a yellow lean, warm enough to sit beside skin tones.

5 colors · 6 of 20 pairs carry body text

Earthy

#483700

very dark intense yellow

#4A4E00

very dark intense yellow

#6F8322

dark vivid lime

#8EB265

mid soft lime

#94D78B

light soft green

CSS

:root {
  --orchard-1: #483700;
  --orchard-2: #4a4e00;
  --orchard-3: #6f8322;
  --orchard-4: #8eb265;
  --orchard-5: #94d78b;
}

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 →	#483700	#4A4E00	#6F8322	#8EB265	#94D78B
#483700	Same	1.31	2.71	4.78	6.78
#4A4E00	1.31	Same	2.08	3.66	5.19
#6F8322	2.71	2.08	Same	1.76	2.5
#8EB265	4.78	3.66	1.76	Same	1.42
#94D78B	6.78	5.19	2.5	1.42	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.