Cocoa Drift color palette — #E0F0E9 · #68B8CC · #5879AB · #663B00 · #241E00

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

The five colors

• Honeydew (#E0F0E9): bright and airy, almost weightless.
• Cyan (#68B8CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5879AB): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#663B00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#241E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Petrol color palette (#C9F6F3, #7CAECC, #6761A8, #4F4500, #00190D)
• Washed Petrol Parlor color palette (#E1E6D8, #69AE9C, #0082A0, #64342D, #2F0B03)
• Dusty Quarry color palette (#CAF7FD, #5789A3, #4D5A87, #5A211E, #302400)
• Periwinkle Study color palette (#D4E5ED, #59A8E3, #6D8BBD, #7C547E, #452123)
• Iris Alley color palette (#DBFDFF, #95CDF4, #9179E5, #635E00, #243E00)
• Aubergine Balcony color palette (#DFF1FC, #7183B6, #60356B, #102100, #000504)
• Driftwood Terrace color palette (#EFF6FF, #BEACE7, #B77698, #35603F, #032D2B)
• Taupe Market color palette (#EFF6FF, #D2D5F7, #C693A6, #3F7779, #1F3D3F)

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