Cocoa Drift color palette — #EBDFE5 · #C3ACB4 · #A38964 · #6A3200 · #13060D

A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EBDFE5): bright and airy, almost weightless.
• Rosewood Mist (#C3ACB4): A luminous, dusty rose — the color of strawberry cream.
• Caramel (#A38964): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6A3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#13060D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Boulevard color palette (#EEE3DC, #C4B6A6, #978D74, #732B00, #2A1C12)
• Garnet Corridor color palette (#EBE4EC, #BCAEBD, #A0839B, #771A3B, #110614)
• Ancient Balcony color palette (#E7EFEA, #A8B7B0, #6D988B, #4D4400, #030E07)
• Ancient Chestnut color palette (#EDF4EE, #C6D9CD, #AFAF80, #735600, #091F10)
• Hushed Drift color palette (#D9E5DF, #7C938B, #4A756B, #2D2B00, #000201)
• Misty Amber color palette (#F8DAE4, #E67400, #A96900, #6E5D00, #0B0500)
• Worn Terracotta color palette (#FCF2F7, #CBE5DD, #9FC5B0, #9E3D00, #13090F)
• Weathered Bronze Garden color palette (#F7EFF2, #C7D7DA, #A7C3BD, #98693C, #34282D)

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