Cocoa Grove color palette — #DBEFDD · #664600 · #283500 · #00212B · #15000A
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DBEFDD): A whisper-light, dusty green — the color of fresh herbs.
- Bronze (#664600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#283500): A deep, shadowed, dusty green — the color of new leaves after rain.
- Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#15000A): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Shadow Summit color palette (#DEEFE9, #495000, #00351B, #0A0056, #110000)
- Deep Garnet color palette (#F8E4F7, #850021, #332A00, #002227, #150014)
- Rust Boulevard color palette (#F0D7D8, #C05420, #6A4000, #312500, #001B09)
- Brick Hollow color palette (#DEF3E3, #B32E20, #4D3A00, #001C5F, #280E00)
- Wandering Aubergine Grove color palette (#FFECF4, #884400, #004F41, #2D0085, #240D00)
- Linen Hollow color palette (#F4D7E1, #F0647E, #C36700, #4E5800, #221600)
- Aubergine Veranda color palette (#CEEFE6, #426300, #00424F, #3D0053, #001706)
- Aged Villa color palette (#EEE7EC, #C7B3BA, #7F9486, #7C1E00, #2B1826)
Browse the whole catalog at Explore, or see today's palette.