CSS variables
:root {
--c-earthy-1: #3A3746;
--c-earthy-2: #99D9EA;
--c-earthy-3: #C06170;
--c-earthy-4: #A98B3D;
--c-earthy-5: #446499;
--c-earthy-6: #933C2D;
--c-earthy-7: #3C6738;
--c-earthy-8: #E9FABC;
--c-earthy-9: #6194C7;
--c-earthy-10: #F88878;
--c-earthy-11: #F4D055;
}
About this palette
This 11-color earthy palette runs from Fall Green (#E9FABC) as its lightest tone to Martinique (#3A3746) as its darkest. It blends Martinique, Jodhpur Blue, Candy Drop, Luxor Gold, Mariner, Carmen Miranda, Jurassic Park, Fall Green, Blueberry Soft Blue, Coral Pink and Maize into a single set you can drop straight into a UI. Of its 55 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #3A3746 on #E9FABC at 10.4:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
9 of 55 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.