CSS variables
:root {
--c-earthy-1: #56465E;
--c-earthy-2: #8E3785;
--c-earthy-3: #C04394;
--c-earthy-4: #E7AE43;
--c-earthy-5: #CDCD74;
--c-earthy-6: #7EA881;
--c-earthy-7: #F1EDD7;
--c-earthy-8: #FFB587;
}
About this palette
This 8-color earthy palette runs from Perfect Solution (#F1EDD7) as its lightest tone to Conspiracy Velvet (#56465E) as its darkest. It blends Conspiracy Velvet, Hollyhock, Boat Orchid, Mì Chéng Honey, Fool’s Gold, Greyish Green, Perfect Solution and Coral Dusk into a single set you can drop straight into a UI. Of its 28 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #56465E on #F1EDD7 at 7.33:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
4 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.