Cocoa Studio color palette — #DCF4DE · #978545 · #674600 · #351A00 · #010100
Built around Bronze, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCF4DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Caramel (#978545): A luminous, balanced green — the color of a quiet forest floor.
- Bronze (#674600): A full-bodied, balanced gold — the color of old brass.
- Espresso (#351A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Tempered Chestnut Courtyard color palette (#D5EDDA, #A39B66, #785A00, #482A00, #040400)
- Weathered Cocoa Summit color palette (#F3D8E7, #A97B51, #7E3400, #460101, #020100)
- Ancient Bronze color palette (#EBDDC5, #988600, #4C5F00, #0A2500, #000201)
- Ancient Amber color palette (#FAE3EA, #C67900, #415600, #563200, #010100)
- Powdered Bronze color palette (#DDFFE7, #C5BF66, #9A7A00, #6B4400, #151B00)
- Inked Onyx Chapel color palette (#D9ECD8, #6C4400, #00434F, #190041, #040000)
- Aged Parlor color palette (#FBE3EC, #8D4D00, #005767, #13007E, #030100)
- Terracotta Lantern color palette (#FFF0F7, #F5C695, #C97C48, #9D3B23, #352500)
Browse the whole catalog at Explore, or see today's palette.