Cocoa Drift color palette — #EBF7FF · #5199B1 · #4A609C · #773A00 · #1B353D

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

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Cerulean (#5199B1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4A609C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#773A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#1B353D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Cocoa Drift 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

• Muted Cocoa Balcony color palette (#EFF6FE, #709CC8, #4A749D, #843832, #004C53)
• Cocoa Corridor color palette (#F2F5FF, #8880B5, #726195, #5E4600, #22333F)
• Hushed Petrol Atelier color palette (#ECF8F7, #679777, #006C8E, #7C3B3C, #203736)
• Wandering Mulberry color palette (#EDF4EC, #2DA69A, #894C83, #70422D, #1D1D0C)
• Aubergine Ridge color palette (#ECF7FF, #0071A1, #5E22B2, #4F2F00, #002434)
• Softworn Summit color palette (#E8F4FC, #3387AA, #353C4C, #1A2B36, #12171B)
• Lagoon Coast color palette (#EFF7F9, #D8DAE1, #B6A8AC, #459091, #4B5457)
• Hushed Driftwood color palette (#EAF8FB, #68BCB2, #A76BA0, #935C48, #233632)

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