Cocoa Study color palette — #E9FBED · #8DB0A3 · #847038 · #794111 · #254341

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FBED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8DB0A3): A luminous, dusty teal — the color of sea glass.
• Walnut (#847038): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#794111): A full-bodied, balanced gold — the color of old brass.
• Forest (#254341): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Driftwood Studio color palette (#ECF9F0, #9FC9B4, #A58D47, #81633C, #2C433B)
• Worn Cocoa color palette (#DDECE2, #8F9D72, #736225, #663600, #163920)
• Ancient Market color palette (#FFF0F9, #C499A7, #976451, #7B3949, #274534)
• Pewter Summit color palette (#FFF0F8, #A7C0A9, #9A7387, #6F526F, #344E42)
• Aged Harbor color palette (#FEF4E3, #CED6A6, #C2AA71, #A77E65, #3D4100)
• Ancient Pewter Workshop color palette (#ECF7FF, #4689B1, #8C5B97, #764600, #1D3648)
• Olive Market color palette (#D8F6E7, #60814E, #4B4800, #392200, #001C11)
• Terracotta Loft color palette (#F7D1E9, #BD7E30, #9C3300, #730031, #312900)

Browse the whole catalog at Explore, or see today's palette.