Cocoa Quarry color palette — #F0F7F1 · #5FA5AA · #6C6A99 · #7C3C49 · #4D4119
Built around Oxblood, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Blue Fog (#5FA5AA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#6C6A99): A full-bodied, dusty violet — the color of wild irises.
- Oxblood (#7C3C49): A full-bodied, balanced red — the color of late-summer berries.
- Deep Olive (#4D4119): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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
- Hushed Chestnut color palette (#EBF9F3, #6F9FBA, #8D5E87, #764800, #154E3A)
- Timeworn Meadow color palette (#FEF0FB, #7287BB, #96445B, #514900, #004144)
- Aged Petrol color palette (#F8F5EF, #C9E6EA, #829AC3, #32798E, #65485C)
- Indigo Hollow color palette (#F3F3E7, #8DA66F, #7F60A7, #564D00, #322501)
- Mulberry Cabin color palette (#E0F8F1, #357CB4, #822E6C, #513300, #003426)
- Weathered Field color palette (#E7FCEB, #B4CEC3, #A18A9D, #9F5E42, #77460A)
- Wandering Cerulean Garden color palette (#E8F6ED, #1A8BA1, #2A423A, #1D2D23, #0F1815)
- Muted Iris Delta color palette (#EDF8F4, #A6BA7F, #8F80C5, #736B23, #284B3C)
Browse the whole catalog at Explore, or see today's palette.