Cocoa Grove color palette — #E9DFD1 · #A69868 · #7E5E27 · #5D3200 · #1E1700
Cocoa and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E9DFD1): A whisper-light, dusty gold — the color of old brass.
- Moss (#A69868): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#7E5E27): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#1E1700): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Wandering Terrace color palette (#E9E3D6, #878B52, #645400, #422C00, #110F00)
- Sunlit Chestnut color palette (#FFE7D4, #BD7E31, #8D4400, #651400, #1A1000)
- Hushed Chestnut color palette (#DAEEDB, #9D9A5D, #835B12, #69321A, #183731)
- Washed Chapel color palette (#F8F1E2, #B5AC84, #7D7647, #5F4815, #252408)
- Wandering Amber color palette (#FFF3E4, #CCCA9D, #AB8240, #83452B, #242300)
- Softworn Basin color palette (#EBEADA, #B99C5F, #3D4E00, #172000, #070500)
- Teal Grove color palette (#CBEAD0, #5FB295, #007A77, #00454D, #001C27)
- Gentle Fern Grove color palette (#F2F3E7, #7EB06A, #007373, #2A6500, #000901)
Browse the whole catalog at Explore, or see today's palette.