Cocoa Drift color palette — #EBF3FA · #78A2C0 · #8B6284 · #6E3F00 · #00301A

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF3FA): bright and airy, almost weightless.
• Blue Fog (#78A2C0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#8B6284): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00301A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Fern Study color palette (#EFF1F9, #9996C5, #9B5D62, #564D00, #002D35)
• Muted Garnet color palette (#E7F4FA, #5DAAB5, #7368A0, #773339, #2D2800)
• Ash Coast color palette (#E7F4FF, #C3CDDE, #9191AD, #7D636D, #324339)
• Softworn Studio color palette (#F2F7EE, #60A98E, #955A7E, #36602C, #42433C)
• Lilac Balcony color palette (#EBF9F4, #71BAEC, #AE73B3, #8E5A3F, #43433C)
• Ancient Cerulean Atelier color palette (#E5EFFA, #6085B2, #333B4D, #161F2A, #080D11)
• Faded Mulberry color palette (#EAF3FF, #4B7EE1, #A01B5A, #443800, #001D1C)
• Weathered Bronze color palette (#EDF7FD, #94D7F1, #8697D0, #826700, #003F51)

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