Earthy palette

Sage Table

Dried herb greens over a dark loam base. Good for long reading surfaces.

5 colors · 6 of 20 pairs carry body text

Earthy

#2D250D

very dark vivid yellow

#504D30

dark muted yellow

#6E7958

mid muted lime

#93AE84

mid muted lime

#CAE5C6

very light soft green

CSS

:root {
  --sage_table-1: #2d250d;
  --sage_table-2: #504d30;
  --sage_table-3: #6e7958;
  --sage_table-4: #93ae84;
  --sage_table-5: #cae5c6;
}

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 →	#2D250D	#504D30	#6E7958	#93AE84	#CAE5C6
#2D250D	Same	1.77	3.28	6.24	11.24
#504D30	1.77	Same	1.86	3.53	6.35
#6E7958	3.28	1.86	Same	1.9	3.42
#93AE84	6.24	3.53	1.9	Same	1.8
#CAE5C6	11.24	6.35	3.42	1.8	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.