Cocoa Quarry color palette — #D4E7D3 · #7CA38E · #815C26 · #652913 · #001D18

A conversation between Rust and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Celadon Mist (#D4E7D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7CA38E): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#815C26): A full-bodied, balanced gold — the color of old brass.
• Rust (#652913): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001D18): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Garnet color palette (#F3D8E4, #AB956E, #915226, #6E1B24, #001E13)
• Antique Market color palette (#D9E8DE, #7F8E55, #675300, #4C2500, #001304)
• Cocoa Coast color palette (#E6F7EC, #8EB5AA, #82753C, #6C4013, #012928)
• Chestnut Courtyard color palette (#DCEEDC, #A79562, #855A00, #64370E, #1B372B)
• Dusty Amber Drift color palette (#FFF3E4, #DAC49C, #AD813C, #7D4A1F, #2A2000)
• Patina Meadow color palette (#FEECF3, #ABC2B1, #9C7686, #774A46, #1C312A)
• Hushed Delta color palette (#D9ECFD, #288DCE, #8D3600, #005135, #001122)
• Twilit Canyon color palette (#D6E6DE, #4C6C3C, #3B3800, #241400, #000201)

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