Cocoa Quarry color palette — #DCF5E2 · #7D7844 · #574200 · #3A2200 · #141900

A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DCF5E2): A whisper-light, dusty teal — the color of glacier melt.
• Walnut (#7D7844): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#3A2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#141900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Cocoa Cabin color palette (#F4DAE6, #966C37, #6B3500, #4A1100, #1E1400)
• Tempered Chestnut color palette (#E0F4E7, #898B5D, #665400, #4B3100, #1D2900)
• Misty Veranda color palette (#E9DECC, #ABA249, #997710, #78511D, #1B1600)
• Obsidian Chestnut color palette (#DDE9DD, #6B5621, #3E2600, #1F0A00, #040300)
• Dusty Bronze Canyon color palette (#D4E5EB, #997410, #49433A, #002D30, #000C0D)
• Feathered Garnet Hollow color palette (#FFD4BB, #B78046, #8F4200, #711200, #372500)
• Patina Chestnut Atelier color palette (#E6FBEF, #8EB0A2, #7C7344, #6B4B00, #27443D)
• Patina Garnet color palette (#DCF4FF, #005C68, #7D003D, #401E00, #001014)

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