Cocoa Quarry color palette — #DCEAC3 · #95B291 · #548399 · #6F4748 · #583400
Cocoa takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DCEAC3): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#95B291): A luminous, dusty green — the color of a quiet forest floor.
- Storm Blue (#548399): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#6F4748): A full-bodied, dusty red — the color of embers at dusk.
- Cocoa (#583400): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Quarry into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Muted Villa color palette (#E5E4C3, #9BA786, #6C8369, #655074, #5D3D3D)
- Softworn Terracotta Study color palette (#CAF3D7, #83AD9F, #8A6C81, #824540, #5E4223)
- Timeworn Orchard color palette (#C9E9D6, #9AC6AB, #5397AB, #7E5A6F, #5E3E51)
- Garnet Courtyard color palette (#CCE5E8, #72A5BF, #586FB2, #930419, #613500)
- Ancient Seafoam color palette (#C4F2D6, #8BD8CF, #78B4CF, #8B7B9E, #4F3850)
- Tempered Cypress Terrace color palette (#F7F6E8, #999F7A, #2D7157, #405225, #343A00)
- Weathered Pewter Courtyard color palette (#C2E7FF, #99AAD9, #8168A9, #854C22, #564200)
- Basalt Villa color palette (#D7E7E0, #4D8C90, #195979, #5C253E, #4A1A15)
Browse the whole catalog at Explore, or see today's palette.