Wandering Cocoa color palette — #F1F4FF · #B69BD7 · #A25D7E · #823534 · #5D2D00

A conversation between Rust and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F4FF): bright and airy, almost weightless.
• Mauve (#B69BD7): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#A25D7E): A full-bodied, balanced rose — the color of a warm blush.
• Rust (#823534): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged warm.

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

• Hazy Lantern color palette (#DFF2FF, #A3ABE1, #8D63A2, #793259, #6F1B0F)
• Weathered Chestnut color palette (#F3F4FF, #E0AFCD, #AA7071, #80502A, #574100)
• Garnet Atelier color palette (#F5E8FF, #D0A0CD, #A8587D, #851138, #440102)
• Ancient Quarry color palette (#F7EEFF, #DEABD7, #C07496, #A53151, #76180E)
• Softworn Workshop color palette (#D9FEFA, #8E8FD5, #984F68, #005A59, #3B3A52)
• Washed Pewter Grove color palette (#F4F4FC, #E1D8DD, #CEBABE, #836795, #474651)
• Antique Coral color palette (#FEDFF6, #D06975, #853D00, #433000, #1B2A00)
• Timeworn Mallow Veranda color palette (#F6F3FF, #D1D6FF, #E59EE2, #C07040, #4B364E)

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