CSS variables
:root {
--c-earthy-1: #EFC8E2;
--c-earthy-2: #D5AA59;
--c-earthy-3: #8D7731;
--c-earthy-4: #525E38;
--c-earthy-5: #243E2C;
--c-earthy-6: #8EA7B6;
--c-earthy-7: #7D6F7B;
--c-earthy-8: #875834;
--c-earthy-9: #404E49;
--c-earthy-10: #4E4035;
}
About this palette
This 10-color earthy palette runs from Venetian Rose (#EFC8E2) as its lightest tone to Palm Green (#243E2C) as its darkest. It blends Venetian Rose, Afghan Sand, Aubergine Green, Shallot Leaf, Palm Green, Blue Skylights, Plum Shadow, Burnt Crust, Corduroy and Paco into a single set you can drop straight into a UI. Of its 45 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #EFC8E2 on #243E2C at 7.79:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
7 of 45 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.