Cocoa Quarry color palette — #DDE5FF · #896792 · #7E4151 · #003529 · #00141D

Built around Coffee, softened by Slate — the whole palette hums with creativity and sophistication.

The five colors

• Frost (#DDE5FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#896792): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#7E4151): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#003529): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00141D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, 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

• Softworn Driftwood color palette (#EBE6FF, #A66891, #723121, #002120, #000201)
• Weathered Denim Grove color palette (#D4F1FA, #647BA0, #5D4170, #2D3800, #00140D)
• Tempered Chestnut Dune color palette (#F3E1EF, #946264, #774507, #003247, #010E3D)
• Hushed Garnet color palette (#FCD4E2, #925B62, #761206, #271E00, #031102)
• Ancient Alley color palette (#FEDEF1, #B16A82, #975254, #563D08, #161200)
• Patina Lantern color palette (#E8E7FF, #A28CAC, #9D5C39, #005A68, #152054)
• Chalky Mulberry Pier color palette (#F2DFF5, #A43F8D, #830048, #4E0014, #190100)
• Aged Market color palette (#F5E7F4, #9F1F30, #005A4F, #133D55, #070000)

Browse the whole catalog at Explore, or see today's palette.