Cocoa Drift color palette — #FFF3E5 · #BBA56D · #8A6C46 · #76430C · #3F3D36

Bronze takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BBA56D): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8A6C46): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#76430C): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, 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

• Hushed Amber color palette (#F5E5D3, #B39147, #835A24, #49433E, #33302A)
• Weathered Bronze Market color palette (#FAF5E5, #B1BF90, #957E36, #79570B, #4B4B00)
• Quiet Blush Lantern color palette (#FFEBF1, #EA8895, #A45B4A, #783D0D, #573700)
• Dusty Driftwood Orchard color palette (#EEF9ED, #B9DBBE, #C9A576, #AE7C4C, #294432)
• Patina Driftwood color palette (#EBFAE9, #A2C9AF, #7A9978, #815C72, #29443A)
• Antique Bronze color palette (#EFDEC5, #8A7400, #5B4000, #3D2000, #1C1500)
• Washed Marigold Lantern color palette (#FFF1F3, #CCA95F, #694069, #41242A, #251611)
• Fuchsia Ridge color palette (#FFF1F1, #E88AC8, #AA5137, #8B4173, #2F2018)

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