Cocoa Quarry color palette — #EBF9F3 · #A6DDFF · #F3B7A0 · #73B1D6 · #743C12

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

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Powder Blue (#A6DDFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Melon (#F3B7A0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#73B1D6): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#743C12): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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 Azure Pier color palette (#EBF9F2, #CCE0FF, #FFB99B, #2DA7D6, #4C4540)
• Hushed Periwinkle Archive color palette (#FFF0FB, #C6D3FF, #D0C98D, #95A5E1, #604A00)
• Dusty Canyon color palette (#F2F8EB, #AAE4CC, #F5B3B6, #72B99E, #674237)
• Cerulean Meadow color palette (#EBF7FF, #90CEEC, #D5A685, #3D98BD, #614251)
• Hushed Mustard color palette (#DDFEF2, #85CEFF, #F1B722, #0096DA, #4C3700)
• Patina Stone color palette (#E5FCEE, #EED9D4, #A6CEBB, #AEADA2, #425751)
• Cornflower Meadow color palette (#FEE6F7, #ABBAFF, #DAB84A, #6C7BE4, #423400)
• Ancient Fern color palette (#FEF4E4, #E0DABF, #C8B392, #AA8B74, #494C00)

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