Cocoa Study color palette — #ECF9EE · #82BBC1 · #C48680 · #00828B · #77391E

Bronze takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Ash (#82BBC1): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#C48680): A luminous, dusty orange — the color of autumn markets.
• Teal (#00828B): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#77391E): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Coral Meadow color palette (#ECF4ED, #63C5CD, #D6817D, #00818A, #372F2C)
• Worn Pine Grove color palette (#F3F7EC, #8EBD9D, #BE82AC, #258752, #643F59)
• Weathered Cobalt color palette (#FAF2FB, #91B3D9, #BC8F56, #2675C0, #514C46)
• Wandering Apricot Ridge color palette (#ECF8FB, #79D7D4, #F09680, #259F9D, #5E4357)
• Quiet Rust Canyon color palette (#E1FDEE, #00A3CD, #C65B00, #006682, #5F2800)
• Hushed Thicket color palette (#E9FAEE, #51A6B4, #AC73A6, #8F7214, #324839)
• Aged Bronze color palette (#FEF3E9, #C8B59D, #A7743F, #7D513F, #5D4300)
• Weathered Lagoon color palette (#EAFAED, #C7E2E2, #E9C7E6, #50938C, #3F594D)

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