Cocoa Grove color palette — #E2F7DE · #00726B · #6B4000 · #343200 · #000A03
Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#E2F7DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#00726B): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6B4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#343200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000A03): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Aged Petrol color palette (#D1F1E1, #007598, #4A4200, #00390B, #000908)
- Faded Garnet Canyon color palette (#E5EDCB, #007134, #860600, #452800, #050500)
- Quiet Chestnut color palette (#DBFBFF, #009076, #974E00, #514200, #001E02)
- Moonless Spruce color palette (#D4E9D5, #4E4642, #003334, #261500, #070900)
- Violet Archive color palette (#FFF0F7, #8F54FF, #BA007A, #4D3C00, #000709)
- Timeworn Veranda color palette (#FCEDF6, #6F74BD, #146D49, #004B4C, #001A14)
- Hushed Aubergine color palette (#FCE5FF, #0062B1, #750074, #003325, #00090D)
- Navy Alley color palette (#F6E2F4, #004495, #0D3700, #00201B, #000102)
Browse the whole catalog at Explore, or see today's palette.