Cocoa Quarry color palette — #F2E5D9 · #826C37 · #643A00 · #431000 · #040400

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

The five colors

• Parchment (#F2E5D9): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#826C37): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#643A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#431000): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Chestnut Veranda color palette (#F2E1E6, #795000, #402400, #1E0B00, #000501)
• Bronze Basin color palette (#F7DDC3, #AB7400, #875200, #613100, #060300)
• Hazy Garden color palette (#F5E6CE, #A2A368, #8E6C00, #723E00, #182A00)
• Garnet Thicket color palette (#F5DED1, #B18056, #A03C14, #760026, #1F1400)
• Smoked Station color palette (#F7E4F9, #A6620B, #002B56, #000613, #070000)
• Muted Hollow color palette (#EFE0E8, #5236AE, #84002C, #282C00, #02000D)
• Sunlit Amber color palette (#FFEBD2, #C0B57E, #B27A00, #974600, #313A0E)
• Patina Aubergine Villa color palette (#D9E3F2, #665FBE, #680088, #390030, #110003)

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