Cocoa Drift color palette — #F8F5EE · #E3CEAC · #8C7B53 · #654700 · #322A1C

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Wheat (#E3CEAC): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#8C7B53): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322A1C): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Villa color palette (#EFF8F1, #C8DCCA, #978456, #344D3B, #141E17)
• Ancient Lantern color palette (#F9F4ED, #D5BD8E, #715B21, #3C3832, #25261C)
• Antique Moss color palette (#F7F5EE, #DCD2A8, #6EAD7A, #8C942A, #2D2F28)
• Patina Veranda color palette (#EDF9F0, #F9DA9B, #B19C68, #5C7462, #242E27)
• Bronze Thicket color palette (#F7ECD4, #8F7000, #342B00, #1A221B, #080600)
• Hushed Boulevard color palette (#E1DECF, #B7A553, #525C00, #272D00, #0F0B00)
• Weathered Teal color palette (#F8F6E8, #A4C9A5, #5BA388, #3E7599, #474942)
• Pewter Bloom color palette (#FEF3EC, #C68E6F, #8882B8, #8C5286, #44322C)

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