Cocoa Garden color palette — #D5EBEE · #006052 · #623800 · #3B2000 · #000302
Bronze and Pine set the tone — five colors that lean into optimism and sophistication.
The five colors
- Frost (#D5EBEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#006052): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Espresso (#3B2000): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000302): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged 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
- Obsidian Loft color palette (#CDF7F9, #00503B, #5B2300, #002318, #000202)
- Mulberry Bloom color palette (#D7EAE9, #006336, #78005D, #2C2800, #000303)
- Garnet Lagoon color palette (#C8EBF1, #005C68, #7E003C, #401F00, #001017)
- Cellar Denim color palette (#CFE5FD, #00519B, #6D2F00, #421A00, #000208)
- Plum Cabin color palette (#DAF7E2, #008191, #AD0060, #532E00, #000102)
- Lowlit Garnet color palette (#CFE7F2, #005B69, #59003E, #161800, #000102)
- Soft Aubergine Thicket color palette (#C9EBD8, #007181, #3F009C, #231F00, #00060D)
- Antique Study color palette (#D7F2FD, #00727C, #4A5E00, #003F41, #00090F)
Browse the whole catalog at Explore, or see today's palette.