Wandering Cocoa color palette — #FFF1F5 · #E4D6D2 · #D4B5B4 · #A08B7E · #714400

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E4D6D2): bright and airy, almost weightless.
• Rosewood Mist (#D4B5B4): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A08B7E): A luminous, dusty gold — the color of old brass.
• Bronze (#714400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Tempered Driftwood Archive color palette (#FFF1F1, #E5A7BB, #BD7A7C, #675125, #34312A)
• Ancient Taupe color palette (#E0FDEF, #EADAE7, #D7B2BA, #9C9C77, #455840)
• Aged Veranda color palette (#FFF2EE, #E8D8C3, #CBAE99, #8F7A32, #4E4A00)
• Ash Corridor color palette (#F4F4FF, #C6C0D5, #9689A1, #7B626E, #475646)
• Muted Bronze Orchard color palette (#FFD5E3, #CD8E94, #A56053, #53491D, #131600)
• Tempered Ash color palette (#FFF1F5, #FBD1E6, #C899CA, #9C6F96, #5E3D40)
• Amber Field color palette (#FFE3E0, #C77D61, #7F5127, #2A380A, #021400)
• Pale Amber Boulevard color palette (#FFF2EE, #FFBD98, #B97E27, #4A6733, #003F1E)

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