Cocoa Grove color palette — #E6FDE5 · #BCB575 · #9F6A00 · #7A2600 · #0A1600
A conversation between Rust and Ochre, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E6FDE5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#BCB575): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#9F6A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Rust (#7A2600): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#0A1600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Hushed Olive Garden color palette (#E2FDEF, #A1BC93, #7F7A00, #613D00, #00180D)
- Aged Rust Boulevard color palette (#FFF0F9, #D4A97B, #B15A3B, #74263D, #171200)
- Chestnut Studio color palette (#EBFAED, #C7CC9D, #A1864C, #854418, #002824)
- Aged Amber Delta color palette (#F5E6D4, #C7AF6F, #BE8000, #925D33, #2E2300)
- Wandering Ridge color palette (#D0EEDA, #90A26C, #715E00, #4B2700, #000601)
- Hushed Studio color palette (#FFE8F4, #AA7C33, #7D3400, #450013, #010100)
- Weathered Rust Balcony color palette (#F8EEFF, #F299C0, #C14544, #633600, #181500)
- Eclipse Bronze Harbor color palette (#E0EEDF, #7D743A, #543400, #270500, #010100)
Browse the whole catalog at Explore, or see today's palette.