Wandering Cocoa color palette — #DEDEF8 · #AD88AD · #726185 · #5F2500 · #2C1700

Espresso and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#DEDEF8): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#AD88AD): A luminous, dusty pink — the color of a candy shop window.
• Slate (#726185): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#5F2500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2C1700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Worn Hollow color palette (#E7F0FF, #878CB9, #6B5A87, #671D36, #361010)
• Cocoa Study color palette (#EDEDFC, #AB9FC5, #847391, #6D3610, #162B15)
• Patina Chestnut color palette (#EADFF0, #9B819D, #945443, #453A00, #1E2100)
• Pewter Balcony color palette (#F4E3EF, #98627A, #713F47, #452C00, #161100)
• Weathered Market color palette (#DAEBF2, #7C92BD, #795293, #414C0E, #003C30)
• Abyss Grove color palette (#F0EEFF, #C2B6D5, #917B9B, #714F5D, #234329)
• Fern Boulevard color palette (#FCDDFB, #D99F8E, #A36A42, #4C590B, #1F3816)
• Hushed Lagoon color palette (#E0ECEB, #8DBAD6, #1A70AB, #00485B, #001631)

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