Wandering Cocoa color palette — #E1DFF1 · #9D87B6 · #8D5F68 · #6F3B37 · #5A290C
Built around Espresso, softened by Heather — the whole palette hums with optimism and creativity.
The five colors
- Frost (#E1DFF1): A whisper-light, dusty violet — the color of a velvet chair.
- Heather (#9D87B6): A luminous, dusty violet — the color of twilight just after sunset.
- Pewter (#8D5F68): A full-bodied, dusty red — the color of a theater curtain.
- Cocoa (#6F3B37): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#5A290C): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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
- Tempered Lilac Thicket color palette (#D5DFFC, #C0AEE0, #B57DC0, #946362, #4F3044)
- Dusty Study color palette (#EFEBFF, #9A79AD, #774674, #572C21, #3E1D04)
- Cocoa Hollow color palette (#FFD6ED, #BA92A1, #8B6E91, #7C3E22, #3E3B34)
- Weathered Basalt color palette (#D2F6E6, #809FC1, #785973, #573853, #521E1D)
- Basalt Grove color palette (#E4EFE4, #6C9EBF, #815B71, #483C00, #002B14)
- Softworn Quarry color palette (#FDE2E8, #925557, #6A2815, #252000, #001204)
- Weathered Thicket color palette (#CAEBED, #8BA9C9, #7F759C, #685F00, #18432E)
- Worn Bronze color palette (#FFE6E9, #D49C95, #A16D52, #595C28, #1A4E36)
Browse the whole catalog at Explore, or see today's palette.