Cocoa Grove color palette — #FFE9F3 · #5D2C00 · #182A00 · #000F1B · #040001
Built around Cocoa, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#FFE9F3): A whisper-light, dusty rose — the color of strawberry cream.
- Cocoa (#5D2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#182A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000F1B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#040001): 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
- Midnight Grove color palette (#FFDAE8, #512B00, #13160E, #090600, #030003)
- Onyx Corridor color palette (#DFF3DF, #593C00, #002C25, #0F002F, #030100)
- Deep Mulberry Market color palette (#F9E6FE, #8A003A, #212F00, #001122, #030004)
- Cellar Terracotta color palette (#FCD4DC, #A9331C, #533000, #1D1600, #020200)
- Grape Terrace color palette (#FFE6F0, #6F1FB2, #00453B, #001922, #00000B)
- Terracotta Boulevard color palette (#FEEADF, #912D00, #164C00, #002540, #090001)
- Aged Chapel color palette (#F3DAE6, #EC0479, #A05500, #4A4A00, #020100)
- Weathered Garnet color palette (#F1E4EE, #B198A2, #66846F, #6A0700, #0C0009)
Browse the whole catalog at Explore, or see today's palette.