Cocoa Quarry color palette — #E6DCE1 · #B7A3AB · #97747F · #5D2300 · #1F0C18

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

The five colors

• Silver (#E6DCE1): a clean, paper-quiet neutral.
• Ash (#B7A3AB): A luminous, dusty rose — the color of a warm blush.
• Mocha (#97747F): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#5D2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F0C18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Garnet Harbor color palette (#EBE2E8, #AE9AA0, #658472, #601C00, #0C0108)
• Basalt Study color palette (#E6EFE6, #9EAEA2, #688876, #4B3200, #051907)
• Antique Terracotta Grove color palette (#EAE1DC, #BFB2A5, #A29565, #8E2E0B, #1E1008)
• Antique Fern color palette (#E9F1EC, #C3CFCA, #8EA79F, #605500, #1F3328)
• Hushed Ember Meadow color palette (#D8EDD5, #D86500, #A56400, #544300, #0E0600)
• Aged Fern color palette (#D7EADE, #7A8055, #2E5300, #003637, #091C2D)
• Antique Workshop color palette (#DBEBE1, #706F26, #343C00, #371A00, #111000)
• Antique Olive color palette (#EFF7F5, #D2DDE0, #AEC4CE, #5B8144, #394C48)

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