Cocoa Study color palette — #F1F5FE · #747AB3 · #5E6496 · #704010 · #243944

A conversation between Bronze and Slate Blue, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Slate Blue (#747AB3): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#5E6496): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#704010): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#243944): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Softworn Cocoa color palette (#EBF8FC, #47979A, #366897, #7B3420, #243A41)
• Worn Fern color palette (#EAF9F3, #72B5B8, #6A73A5, #5A5E19, #334B5A)
• Aged Drift color palette (#F1F5FF, #8189B6, #904E74, #505A19, #2E374A)
• Cobalt Dune color palette (#EAF3FF, #617DAF, #3B3A4D, #212935, #12151C)
• Mulberry Corridor color palette (#F3F4FF, #745BA8, #832155, #263800, #171932)
• Patina Coast color palette (#F0F6FA, #DAD9E0, #B5A8A8, #4D8AA9, #4B545A)
• Wandering Nightshade Canyon color palette (#E2FAFF, #95CADD, #697FB3, #604993, #652C5B)
• Mulberry Dune color palette (#ECF4EF, #49A1BE, #9E4862, #674C18, #151B0B)

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