Wandering Cocoa color palette — #FDF3EE · #E5CE9F · #A96A5F · #763A1B · #342823

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Wheat (#E5CE9F): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A96A5F): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#763A1B): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#342823): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Wandering Cocoa 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

• Washed Bronze Market color palette (#FBF5E7, #DFC080, #847116, #4D4212, #262117)
• Ancient Driftwood Coast color palette (#FBF2F8, #E6D7D5, #9D7992, #543F4D, #23171F)
• Tempered Loft color palette (#FFF2EE, #BCC78C, #7E4E54, #4A312B, #2A231B)
• Moss Boulevard color palette (#FBF3EF, #FFC1A6, #8BA75A, #BF7758, #2F2E27)
• Weathered Hollow color palette (#FAF2F9, #E5E0B2, #B193AE, #7C6479, #322831)
• Weathered Amber color palette (#F7E8D2, #B68B1C, #584100, #241900, #040200)
• Ancient Orchard color palette (#F8E1D3, #936E00, #4E1700, #191B10, #100200)
• Aged Taupe color palette (#FEF4E3, #DDB687, #93985A, #40749A, #4B4741)

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