CSS variables
:root {
--c-earthy-1: #494252;
--c-earthy-2: #8A7F85;
--c-earthy-3: #C7B68D;
--c-earthy-4: #C79275;
--c-earthy-5: #96607F;
--c-earthy-6: #55527A;
--c-earthy-7: #6284A1;
--c-earthy-8: #7C9E64;
}
About this palette
This 8-color earthy palette runs from Soybean (#C7B68D) as its lightest tone to Serendibite Black (#494252) as its darkest. It blends Serendibite Black, Ironbreaker, Soybean, African Bubinga, Immortality, Deep Orchid, Bluestone Path and Pea Aubergine into a single set you can drop straight into a UI. Of its 28 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #494252 on #C7B68D at 4.81:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
1 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.