CSS variables
:root {
--c-earthy-1: #D2B939;
--c-earthy-2: #C0A13A;
--c-earthy-3: #AF8A3C;
--c-earthy-4: #9D723D;
--c-earthy-5: #8C5B3E;
--c-earthy-6: #7A433F;
--c-earthy-7: #692C41;
--c-earthy-8: #571442;
}
About this palette
This 8-color earthy palette runs from Yellowstone (#D2B939) as its lightest tone to Violet Carmine (#571442) as its darkest. It blends Yellowstone, Tiki Torch, Alpine, Favourite Ale, Rope, Sweet Spiceberry, Cherry Juice Red and Violet Carmine into a single set you can drop straight into a UI. Of its 28 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #D2B939 on #571442 at 6.78:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
3 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.