Cocoa Grove color palette — #F9E4D1 · #593200 · #1D2100 · #000C07 · #070000
A conversation between Cocoa and Onyx, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F9E4D1): A whisper-light, dusty gold — the color of old brass.
- Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#1D2100): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000C07): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Crimson Quarry color palette (#FEE3D3, #EC2134, #A23400, #4E2C00, #090200)
- Charred Fern Dune color palette (#E9E3CB, #4B4E00, #003323, #00171E, #0E0600)
- Garnet Lagoon color palette (#F4E0DA, #750029, #311500, #0B0900, #040008)
- Timeworn Lagoon color palette (#E2E3D9, #3E8F90, #00454C, #00231E, #000C0F)
- Mulberry Balcony color palette (#E9DAE9, #A50037, #224200, #001C34, #000206)
- Plum Station color palette (#FFDFDC, #C61D7C, #006740, #00366A, #000207)
- Antique Olive color palette (#EAEBC8, #448000, #005851, #003751, #2E2200)
- Aged Hollow color palette (#ECDFCE, #886000, #325100, #00362F, #410400)
Browse the whole catalog at Explore, or see today's palette.