CSS variables
:root {
--c-earthy-1: #292418;
--c-earthy-2: #524839;
--c-earthy-3: #73654A;
--c-earthy-4: #8B7D62;
--c-earthy-5: #A48D6A;
--c-earthy-6: #BDA583;
--c-earthy-7: #CDBA94;
--c-earthy-8: #E6CEAC;
}
About this palette
This 8-color earthy palette runs from Ivoire (#E6CEAC) as its lightest tone to Weathervane (#292418) as its darkest. It blends Weathervane, Kuri Black, Covered Wagon, Elmwood, Spelt Grain Brown, Eggshell Pongee, Veranda Hills and Ivoire into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #292418 on #E6CEAC at 10.14:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
6 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.