Cocoa Quarry color palette — #CBEFDD · #006988 · #7E2F00 · #003242 · #200700

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CBEFDD): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7E2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003242): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#200700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Calm, Balance. 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

• Mulberry Summit color palette (#E4EFE4, #006D6D, #8E0037, #003434, #250009)
• Misty Terracotta color palette (#D6EFFB, #0084A8, #A34700, #004D63, #1F0800)
• Ultramarine Hollow color palette (#FFE6FD, #0056C7, #624600, #002864, #170E00)
• Dusty Garnet color palette (#D7F0FF, #005375, #770046, #303400, #000910)
• Pale Azure color palette (#CBEEE1, #259EDD, #924D00, #00547B, #482300)
• Velvet Petrol Studio color palette (#D9F0FF, #0074AE, #003A5F, #001220, #000309)
• Olive Bloom color palette (#F8E6CB, #766800, #493500, #2B1600, #0B0D00)
• Violet Coast color palette (#C4E4F9, #79AAFF, #8265F5, #00434D, #001630)

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