Cocoa Grove color palette — #D7F7E6 · #00718E · #732C00 · #401A00 · #0C0600

Rust takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D7F7E6): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#732C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#401A00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0C0600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Timeworn Harbor color palette (#E3F3EB, #007093, #7C1F00, #00300C, #000B01)
• Timeworn Quarry color palette (#DBF3E7, #008DB6, #9E07AE, #663500, #000B03)
• Moonless Basin color palette (#D0EDF2, #00786A, #71003A, #1A1500, #020100)
• Tempered Lagoon color palette (#D1FAF2, #5D86AA, #675685, #463C00, #1F1A00)
• Patina Aubergine Atelier color palette (#E9E9CD, #4F7D10, #43109B, #332400, #0C0600)
• Hushed Terracotta Thicket color palette (#D5E7DA, #0097A9, #A43A3F, #004E45, #002621)
• Twilit Aubergine color palette (#D9ECF9, #00526B, #440054, #250B00, #010B00)
• Tempered Plum Grove color palette (#D6F1D0, #00A296, #BC0072, #464D00, #232700)

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