Wandering Cocoa color palette — #FFF2EB · #E1C5A7 · #B7937E · #8E6A63 · #5B4400

Built around Bronze, softened by Taupe — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#E1C5A7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B7937E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8E6A63): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Aged Cocoa color palette (#FDF3ED, #EBD4C3, #DAA994, #AF8874, #683B00)
• Driftwood Meadow color palette (#FCF2F8, #EED4D1, #C9A0B9, #9F696C, #324436)
• Dusty Corridor color palette (#FBF5E4, #ADC79D, #979254, #8B5E22, #324500)
• Quiet Taupe Summit color palette (#F3DCC1, #AEA048, #966724, #6F3E2F, #282503)
• Sky Station color palette (#EBF9F3, #44B8EE, #BF9070, #A36C3B, #2E423A)
• Muted Mustard color palette (#FFEAD8, #D7AF39, #B87433, #914740, #37362F)
• Wandering Lagoon color palette (#FFF0FA, #8BA1EF, #B06F61, #88574C, #343630)
• Bronze Lagoon color palette (#F5E1D3, #A87000, #873600, #571423, #0E0C00)

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