Cocoa Studio color palette — #DBEEDD · #76A28C · #7E5D16 · #693400 · #14382F
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#DBEEDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Eucalyptus (#76A28C): A luminous, dusty teal — the color of shallow lagoons.
- Walnut (#7E5D16): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#693400): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#14382F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Studio 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
- Patina Garnet Harbor color palette (#F4E2E9, #AC9367, #895629, #732819, #173829)
- Fern Thicket color palette (#DEF2E6, #828E62, #635600, #4D3000, #102B0E)
- Weathered Villa color palette (#EBF9F1, #87B2A5, #797443, #6D4A00, #224441)
- Hushed Amber Workshop color palette (#F8E5CA, #CBC489, #BF964F, #A26B3B, #31312A)
- Chestnut Field color palette (#FFF1F5, #A5C0AC, #9C7381, #804F3E, #354E43)
- Aged Mulberry color palette (#DFF1FF, #007AA7, #82448D, #663700, #04293F)
- Timeworn Balcony color palette (#F6E1ED, #885D30, #602200, #3C000B, #110A00)
- Tempered Nightshade color palette (#EBF8FC, #4EAAAF, #544FA8, #005B60, #0F1630)
Browse the whole catalog at Explore, or see today's palette.