Wandering Cocoa color palette — #F2F5FF · #D7C2EF · #C18DA8 · #9E5C57 · #6A3C00

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#D7C2EF): A whisper-light, dusty violet — the color of wild irises.
• Dusty Rose (#C18DA8): A luminous, dusty rose — the color of a warm blush.
• Walnut (#9E5C57): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6A3C00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Softworn Mallow color palette (#F1F5FF, #EED4E3, #E998BE, #A86564, #603100)
• Timeworn Garnet color palette (#E8F8FF, #B7D1FD, #A790C4, #95628B, #702F36)
• Softworn Fern Courtyard color palette (#FEF0FF, #F7BFCD, #CA9182, #8F6B35, #4B4900)
• Frosted Blush color palette (#F5EAFD, #E17AB9, #B94958, #723E00, #2D2500)
• Patina Taupe color palette (#F3F7E8, #BDB6EC, #BC7E8A, #5C7858, #574146)
• Gentle Terracotta color palette (#EDD6E9, #D0647A, #A23800, #4C3600, #191A00)
• Timeworn Garden color palette (#FBF2F5, #E0D9D4, #B3B3A8, #B78F9A, #585052)
• Fern Meadow color palette (#FFF1F4, #CAA0D0, #7B966B, #3F7563, #314C09)

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