Cocoa Quarry color palette — #F9EAF3 · #A96132 · #752A00 · #4E0A00 · #280919

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Blush (#F9EAF3): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#A96132): A full-bodied, balanced gold — the color of old brass.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4E0A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#280919): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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 Field color palette (#F1D7E3, #B1794D, #873D00, #5C220B, #391725)
• Aged Bronze color palette (#D7EBD7, #917029, #5F3E00, #3C2000, #1D1500)
• Quiet Mulberry Meadow color palette (#F6E0EC, #B8457A, #8B0042, #4F0015, #2F0002)
• Patina Rust color palette (#F1DAE9, #C29566, #BB5E40, #893E53, #1C1600)
• Pale Aubergine color palette (#E1DAF9, #83008D, #6F2B00, #382400, #1B011D)
• Airy Rust Dune color palette (#E0E1F6, #C64D41, #39005A, #2C1516, #110020)
• Fern Workshop color palette (#DFF6E8, #605C00, #332C00, #171000, #030400)
• Weathered Bronze color palette (#FFF0F7, #C399AA, #9C633B, #704533, #334231)

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