CSS variables
:root {
--c-earthy-1: #E5DABF;
--c-earthy-2: #9DC492;
--c-earthy-3: #60A79B;
--c-earthy-4: #423F7A;
--c-earthy-5: #3F1F32;
--c-earthy-6: #6F3F7A;
--c-earthy-7: #A7609D;
--c-earthy-8: #D89A9A;
}
About this palette
This 8-color earthy palette runs from Deserted Beach (#E5DABF) as its lightest tone to Sitter Red (#3F1F32) as its darkest. It blends Deserted Beach, Arcadian Green, Dragon Bay, Sage Violet, Sitter Red, Pageantry Purple, Radiant Orchid and Blushing Bud into a single set you can drop straight into a UI. Of its 28 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E5DABF on #3F1F32 at 10.4:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
7 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.