Cocoa Quarry color palette — #CCEEFF · #00788D · #853D00 · #00313B · #030100

A conversation between Bronze and Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#CCEEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#853D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00313B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.

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

• Tempered Cocoa color palette (#D3F2FF, #00606B, #603E00, #452C00, #000102)
• Garnet Grove color palette (#CEECDE, #005977, #790306, #002433, #140000)
• Sapphire Garden color palette (#D2E3F8, #1874E3, #792C00, #00295C, #030000)
• Aged Summit color palette (#C5EAF1, #007C71, #95006C, #00332E, #040002)
• Pale Basin color palette (#D3F7E3, #008CAE, #BC4500, #005E76, #100200)
• Charred Study color palette (#D0ECFE, #00546F, #630068, #002230, #030004)
• Washed Cerulean Villa color palette (#D7E8F4, #0088B4, #00486B, #261E24, #000812)
• Cellar Olive color palette (#D0EBD2, #7A7612, #503600, #240800, #000200)

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