Wandering Cocoa color palette — #DFE9FF · #A7A7D9 · #797BA0 · #794451 · #482C46
Coffee and Mauve set the tone — five colors that lean into creativity and sophistication.
The five colors
- Frost (#DFE9FF): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#A7A7D9): A luminous, dusty violet — the color of a velvet chair.
- Slate (#797BA0): A full-bodied, dusty violet — the color of wild irises.
- Coffee (#794451): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#482C46): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, 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
- Hushed Powder color palette (#CFDEFF, #A3B3DA, #8588AC, #6F6074, #573B54)
- Wandering Cerulean color palette (#CAF3FC, #6FAFCC, #588ABA, #644B74, #362D4B)
- Muted Lilac color palette (#EAEDFF, #9B88DD, #7B628D, #62383A, #3C2035)
- Bronze Thicket color palette (#CEE6DD, #C5A8C1, #9C89BF, #996131, #3A3630)
- Softworn Oat Harbor color palette (#F6F3FF, #D6CBE7, #B09FB8, #8C777F, #475649)
- Wisteria Harbor color palette (#E7E0EE, #D18CD8, #B36092, #8C5030, #563300)
- Weathered Iris color palette (#D4FFFD, #95C2D5, #7C8AC2, #4D643B, #002F10)
- Worn Pewter Terrace color palette (#F6DBF4, #9D5B7E, #713C48, #442900, #001606)
Browse the whole catalog at Explore, or see today's palette.