Cocoa Quarry color palette — #F1E1E7 · #8F6A32 · #653600 · #3F1200 · #080500

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#F1E1E7): bright and airy, almost weightless.
• Walnut (#8F6A32): A full-bodied, balanced gold — the color of old brass.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3F1200): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chalky Onyx color palette (#FFEBDA, #8F7122, #693600, #520008, #1B1600)
• Cellar Alley color palette (#E0EFE2, #726103, #483200, #261200, #020200)
• Worn Garnet color palette (#F7DDE8, #AD9764, #8E4C00, #63000A, #030400)
• Driftwood Grove color palette (#D9F3E1, #939247, #6E5900, #4B3000, #0E1500)
• Ancient Garnet Field color palette (#F8E2EE, #CB9261, #A64D1C, #7D1713, #291800)
• Softworn Alley color palette (#EBF5EA, #96B49C, #916D41, #6B4024, #10281C)
• Garnet Archive color palette (#F5D6EA, #B74873, #88001F, #3C0F00, #100400)
• Wandering Aubergine color palette (#EFEDFD, #762C84, #4A4600, #003023, #050007)

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