Cocoa Grove color palette — #D2EFD6 · #7B7339 · #593E00 · #391800 · #040600
A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D2EFD6): A whisper-light, dusty green — the color of a quiet forest floor.
- Walnut (#7B7339): A full-bodied, dusty green — the color of new leaves after rain.
- Bronze (#593E00): A deep, shadowed, dusty gold — the color of old brass.
- Espresso (#391800): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#040600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Obsidian Fern Canyon color palette (#D8ECE0, #576A29, #3E3700, #231500, #000200)
- Worn Field color palette (#E1F0E4, #898A55, #6B5100, #4B2700, #071200)
- Washed Cocoa color palette (#FAD7E9, #8E6A3E, #6E2E00, #480009, #080500)
- Linen Bronze color palette (#DDEFDE, #AEA15C, #8E6100, #6C3000, #191F00)
- Muted Rust color palette (#D3E4EB, #B65B2D, #575D57, #003035, #000A0C)
- Terracotta Studio color palette (#F0DAE7, #B3824F, #973900, #6A001B, #191100)
- Aubergine Meadow color palette (#D1E6F6, #005980, #601F79, #431900, #000205)
- Chestnut Veranda color palette (#F9EEF3, #AEC1AE, #A07960, #794943, #1D3126)
Browse the whole catalog at Explore, or see today's palette.