Cocoa Grove color palette — #FFE4F2 · #A87D4A · #7F421F · #56191B · #130D00
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FFE4F2): A whisper-light, dusty rose — the color of strawberry cream.
- Caramel (#A87D4A): A luminous, balanced gold — the color of old brass.
- Bronze (#7F421F): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#56191B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#130D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: 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
- Aged Chestnut color palette (#F6E1EB, #A97D5B, #824115, #611E00, #361D00)
- Driftwood Harbor color palette (#D5E3D7, #92883A, #6F4E00, #4E2400, #00120D)
- Antique Bronze Study color palette (#FFF2E9, #DCA57A, #A4643D, #6D331C, #1E0E00)
- Garnet Villa color palette (#EFDFEF, #989137, #6A0E21, #2A0006, #050005)
- Softworn Bronze Lantern color palette (#E8F6EA, #8DB6A1, #8A7144, #664329, #0E2822)
- Hushed Garnet color palette (#EEDFEC, #CA6F68, #3F6100, #880011, #000302)
- Chestnut Veranda color palette (#FED9E9, #6C4B0C, #431F00, #240000, #020100)
- Tempered Driftwood color palette (#FCEDF5, #D5AFBC, #9A768B, #674E67, #203125)
Browse the whole catalog at Explore, or see today's palette.