Cocoa Quarry color palette — #EEDCE6 · #9B5D2F · #722E00 · #450E00 · #070200

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#EEDCE6): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9B5D2F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#722E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#450E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Tempered Chapel color palette (#CCE6CE, #896A0A, #5C3F00, #351E00, #050300)
• Onyx Corridor color palette (#F7DCEC, #784F21, #4C1900, #280005, #050300)
• Misty Station color palette (#FFE4D3, #A7743E, #9D3E00, #790720, #060300)
• Muted Courtyard color palette (#F7E2E8, #C09657, #986526, #743D00, #302100)
• Cellar Harbor color palette (#D5F2FA, #005E5D, #472E00, #1C2100, #000201)
• Misty Chestnut color palette (#FFE7F1, #E2A66A, #B7743E, #93491E, #492F04)
• Washed Terrace color palette (#DAF0FC, #42873B, #00313E, #1F1D25, #00070B)
• Wandering Driftwood Field color palette (#DAEEDC, #92B99C, #987B4C, #73542E, #193827)

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