CSS variables
:root {
--c-earthy-1: #6CEDED;
--c-earthy-2: #6CB9C9;
--c-earthy-3: #6D85A5;
--c-earthy-4: #6E5181;
--c-earthy-5: #6F1D5C;
--c-earthy-6: #4F1446;
--c-earthy-7: #2E0A30;
--c-earthy-8: #0D001A;
}
About this palette
This 8-color earthy palette runs from Poseidon Jr. (#6CEDED) as its lightest tone to Midnight Jam (#0D001A) as its darkest. It blends Poseidon Jr., Azul Turquesa, Berwick Berry, Gutsy Grape, Forest Fruit Red, Violet Carmine, Dark Prom Queen and Midnight Jam into a single set you can drop straight into a UI. Of its 28 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #6CEDED on #0D001A at 14.51:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Contrast & accessibility
11 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.