Cocoa Study color palette — #EDF9F1 · #62A3B2 · #806294 · #7B4224 · #42433C

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Blue Fog (#62A3B2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#806294): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#7B4224): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#42433C): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Aged Mulberry color palette (#F1F7EF, #67A69B, #5D6EA2, #7A3C54, #523F18)
• Aged Petrol Pier color palette (#D0F7E5, #94C0E6, #6389C0, #5262A0, #664259)
• Wandering Terracotta Quarry color palette (#FDF1F9, #7F83B9, #944855, #514900, #004140)
• Hushed Iris color palette (#EBF9F6, #9BBD8A, #8E80C8, #7E6622, #254B40)
• Ancient Glacier Basin color palette (#E9F8FF, #73D8EE, #AEA0D3, #9B7A99, #274B3A)
• Chestnut Bloom color palette (#E3FDEA, #BBD0C9, #A38C9A, #965737, #5F5200)
• Mulberry Ridge color palette (#F9EEF8, #4D77B7, #842E63, #513300, #003521)
• Antique Alley color palette (#E6F7EE, #2C88AB, #453746, #192E25, #0F1816)

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