Cocoa Drift color palette — #FFDCE7 · #8B6B3D · #613900 · #381A00 · #090400

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDCE7): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#8B6B3D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#613900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#381A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Bronze color palette (#F9E3CC, #927000, #643A00, #491300, #181700)
• Olive Corridor color palette (#D1F3E1, #717830, #4A4600, #2A2200, #040600)
• Bronze Cabin color palette (#FFDFEB, #C19764, #9A5901, #6A3200, #271900)
• Worn Lagoon color palette (#FDDBE6, #AF975D, #885100, #591A00, #040400)
• Chestnut Parlor color palette (#D3E6D7, #7FA28C, #7E5F06, #553700, #001E11)
• Eclipse Aubergine Chapel color palette (#F7DDEA, #703700, #350075, #32002F, #040000)
• Patina Garden color palette (#D9F4E4, #008969, #005146, #002523, #000606)
• Ancient Chestnut color palette (#FBEDF5, #CDB3C0, #A47665, #784A41, #3A252E)

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