Cocoa Study color palette — #E5F8E7 · #8DB79C · #88714B · #674321 · #09291E
A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E5F8E7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8DB79C): A luminous, dusty teal — the color of glacier melt.
- Walnut (#88714B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#674321): A full-bodied, dusty gold — the color of old brass.
- Deep Forest (#09291E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Study 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 Basin color palette (#FEECF5, #C8A383, #956953, #6A3F37, #132816)
- Hushed Taupe Pier color palette (#CEE9D4, #A29A60, #776230, #583500, #001E15)
- Timeworn Thicket color palette (#EAFAEB, #BEE8D3, #B7986A, #8C5E4C, #183833)
- Timeworn Lagoon Grove color palette (#DEF7FF, #0099A0, #99617A, #75432B, #001E27)
- Wandering Olive Orchard color palette (#D9F2E3, #72781E, #4F4300, #301F00, #030700)
- Stone Summit color palette (#E3F6FB, #CCAF74, #006261, #002D37, #030F12)
- Antique Studio color palette (#E8F4F9, #67C3D1, #656CB9, #00727E, #090E1A)
- Midnight Chestnut Corridor color palette (#FED9EA, #724706, #441E00, #210300, #020100)
Browse the whole catalog at Explore, or see today's palette.