Cocoa Garden color palette — #E9DED2 · #674800 · #362800 · #161000 · #010100
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Bone (#E9DED2): A whisper-light, dusty gold — the color of old brass.
- Bronze (#674800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#362800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#161000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Garden 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
- Smoked Fern Lagoon color palette (#E8E8D2, #645F00, #2D2D00, #152020, #0A0900)
- Cellar Onyx color palette (#E1E1C7, #403D00, #003B2E, #401100, #010100)
- Garnet Coast color palette (#F9E6E4, #931200, #571900, #250A00, #030100)
- Hushed Moss Archive color palette (#F1F2D1, #7F9825, #417539, #3B3000, #000402)
- Bronze Grove color palette (#EBE7D9, #908300, #5B5900, #373C00, #131A00)
- Forest Hollow color palette (#E9ECFF, #006B77, #006332, #030C0B, #000201)
- Softworn Marigold Field color palette (#EEDFC6, #CA9C00, #877000, #534C00, #252700)
- Gentle Emerald color palette (#E0F2E1, #00A963, #006F4C, #003F30, #00251E)
Browse the whole catalog at Explore, or see today's palette.