Cocoa Quarry color palette — #F0DDC7 · #AD9471 · #7F5D33 · #5B3309 · #221500

A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F0DDC7): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#AD9471): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F5D33): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5B3309): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#221500): A deep, shadowed, dusty gold — the color of old brass.

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

• Driftwood Market color palette (#F7EDDF, #9F8239, #704E00, #462A00, #150D00)
• Cocoa Pier color palette (#F8F1E3, #B2AD80, #827443, #654500, #292209)
• Washed Terracotta Chapel color palette (#F4D7DA, #D07C7A, #A74531, #642000, #260E00)
• Aged Cocoa Terrace color palette (#F4E2E8, #7BA187, #815B2D, #712B06, #11382B)
• Muted Plum Delta color palette (#F9E3E1, #B44A78, #865B00, #474700, #230404)
• Tempered Garnet Meadow color palette (#F6E4E5, #D18C71, #65305A, #300B29, #0D0203)
• Ancient Grove color palette (#FDEEED, #D482A9, #A14330, #8F2261, #100300)
• Gentle Peony color palette (#EBE8D7, #FF7B4F, #F446BD, #331214, #130808)

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