Cocoa Grove color palette — #F5E2F8 · #A06576 · #793D11 · #00222C · #000104
Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Blush (#F5E2F8): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#A06576): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#793D11): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#00222C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Hushed Garnet Basin color palette (#ECDAE9, #9071A0, #7F3245, #002F24, #000202)
- Bronze Market color palette (#F0E0E6, #AF704F, #564900, #0B2040, #040004)
- Pewter Study color palette (#DDDDEE, #7D4E66, #4F2C14, #001A2E, #00040A)
- Washed Atelier color palette (#F9EBE3, #C16100, #693300, #13150C, #0F0300)
- Terracotta Pier color palette (#F6E2D9, #8B3700, #004F60, #00374C, #030000)
- Plum Villa color palette (#F7D5E2, #C41A47, #790D00, #2B1100, #020100)
- Timeworn Courtyard color palette (#FFE4E8, #B96662, #8B5A44, #464400, #101900)
- Hushed Parlor color palette (#F5E1D4, #AC4900, #006069, #4A1B00, #000102)
Browse the whole catalog at Explore, or see today's palette.