CSS variables
:root {
--c-earthy-1: #212236;
--c-earthy-2: #73303E;
--c-earthy-3: #794E6B;
--c-earthy-4: #527A76;
--c-earthy-5: #6D8560;
--c-earthy-6: #A3866B;
--c-earthy-7: #C99C69;
--c-earthy-8: #D0C4BD;
}
About this palette
This 8-color earthy palette runs from En Plein Air (#D0C4BD) as its lightest tone to Black Velvet (#212236) as its darkest. It blends Black Velvet, Aged Merlot, Brocade Violet, Breaker Bay, Bladerunner, Sandal, Amber Autumn and En Plein Air 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 #212236 on #D0C4BD at 9.14: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.