CSS variables
:root {
--c-earthy-1: #FADBE6;
--c-earthy-2: #EDCAC5;
--c-earthy-3: #CC9995;
--c-earthy-4: #C97655;
--c-earthy-5: #B36A5E;
--c-earthy-6: #3C1F19;
--c-earthy-7: #532E27;
--c-earthy-8: #953D2D;
}
About this palette
This 8-color earthy palette runs from Cherry Flower (#FADBE6) as its lightest tone to Scorched (#3C1F19) as its darkest. It blends Cherry Flower, Fairy Floss, Silk Stone, Nicotine Glaze, Peach Dunes, Scorched, Momoshio Brown and Brick Paver into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FADBE6 on #3C1F19 at 11.65:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
8 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.