CSS variables
:root {
--c-earthy-1: #764220;
--c-earthy-2: #EA9439;
--c-earthy-3: #FFBA55;
--c-earthy-4: #FED16C;
--c-earthy-5: #FFFE9F;
--c-earthy-6: #808C8C;
--c-earthy-7: #B8C3C3;
--c-earthy-8: #DAE1E4;
--c-earthy-9: #D31A15;
--c-earthy-10: #E67088;
}
About this palette
This 10-color earthy palette runs from Walking on Sunshine (#FFFE9F) as its lightest tone to Peruvian Soil (#764220) as its darkest. It blends Peruvian Soil, Roasted Chestnut, Honey Crusted Chicken, Faded Sunlight, Walking on Sunshine, Gunmetal Grey, Niebla Azul, Eastern Breeze, Heroic Red and Deep Blush into a single set you can drop straight into a UI. Of its 45 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #764220 on #FFFE9F at 7.75:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
6 of 45 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.