Wandering Cocoa Drift color palette — #FFF1F4 · #F3D3D3 · #E196AD · #AB7071 · #723713

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#F3D3D3): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E196AD): A luminous, balanced rose — the color of a warm blush.
• Mocha (#AB7071): A luminous, dusty red — the color of a theater curtain.
• Bronze (#723713): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Washed Pier color palette (#FFEDEC, #EAA5C1, #C46584, #884A58, #4F332A)
• Patina Mallow color palette (#FFF0FB, #EBD2EC, #CAA7E4, #95678D, #60403E)
• Dusty Study color palette (#FFF2EE, #ECD6C6, #DE9C77, #936F45, #6C4C00)
• Coral Atelier color palette (#FFF2EE, #F4D4C6, #98DCCB, #CA838A, #3C4C33)
• Powdered Balcony color palette (#FFE5EF, #FE828B, #D8451D, #753B00, #321C00)
• Hazy Corridor color palette (#FFF1F3, #FFA9A2, #D36E3E, #7F4C00, #443000)
• Wandering Cocoa color palette (#FFF2EF, #E1DBCF, #E4B1B6, #9AB3B5, #763C16)
• Weathered Ember Veranda color palette (#FFE3E2, #F15E2F, #8F4800, #402A00, #150E00)

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