Cocoa Grove color palette — #CAEDE4 · #619AAE · #586E9E · #5E4100 · #352900

Bronze takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CAEDE4): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#619AAE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#586E9E): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#5E4100): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#352900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Grove 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

• Antique Cobalt Meadow color palette (#D2F1F5, #548BC8, #675487, #493600, #2A1D00)
• Softworn Lagoon Archive color palette (#E0EADA, #58A18B, #3D788E, #693D34, #491B12)
• Hushed Summit color palette (#E0F1F9, #8796CA, #8C6685, #29594A, #242B00)
• Soft Loft color palette (#DFF0F1, #6EADF2, #8A76B4, #6B6900, #303F00)
• Muted Garnet Alley color palette (#E8DBE5, #8180AF, #5E4A72, #6C0F2B, #511714)
• Iris Orchard color palette (#D3E4F4, #84A1D0, #7E80CE, #8D4B75, #421927)
• Stone Atelier color palette (#CFE0FF, #BFAAD5, #9B82A1, #407071, #1C4A4D)
• Pewter Lagoon color palette (#E1FBFF, #B6D1E1, #99A2BC, #627F68, #365447)

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