Cocoa Quarry color palette — #F8DAE3 · #6D4000 · #004256 · #2E1800 · #000102

Built around Bronze, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F8DAE3): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#2E1800): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Cellar Garnet color palette (#EDD7E6, #8C1B00, #004545, #3E0600, #000202)
• Inked Chestnut Alley color palette (#DDEFE5, #764F00, #282730, #171400, #010100)
• Aged Bronze Meadow color palette (#F8E4D3, #A05400, #005C7E, #442000, #000103)
• Velvet Nightshade color palette (#E2F0E5, #604800, #2200AF, #281C00, #00000B)
• Denim Corridor color palette (#E6E1F2, #006499, #754500, #0A0E07, #040001)
• Eclipse Navy color palette (#FEE6D9, #602900, #002B6F, #200D48, #030100)
• Aubergine Ridge color palette (#CFEBDD, #635E00, #750084, #2E2B00, #070009)
• Faded Quarry color palette (#E1F5E5, #886400, #7200C8, #473200, #0D001F)

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