Washed Cocoa color palette — #ECD3FF · #C7A1C7 · #9A6F6F · #73472F · #472A00

Built around Coffee, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Thistle (#ECD3FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C7A1C7): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9A6F6F): A full-bodied, dusty red — the color of late-summer berries.
• Coffee (#73472F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#472A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Washed 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

• Aged Veranda color palette (#E2E9F5, #A5ADEB, #9D7487, #6F404E, #4C1B1B)
• Ancient Summit color palette (#FFDDE1, #E19C98, #A8705B, #555108, #2A360E)
• Timeworn Cocoa color palette (#F4E3F6, #B4888A, #815955, #593300, #2E1E00)
• Weathered Bronze color palette (#FEECFF, #DFB1CD, #C47D92, #925E29, #5C4A21)
• Fern Summit color palette (#FFEEE4, #D6C1B0, #9E8C76, #64671D, #344300)
• Amber Orchard color palette (#FFDFDC, #D27E61, #995D2B, #394900, #022903)
• Smoked Chestnut Quarry color palette (#EBDBD5, #7F4C16, #4B3400, #032101, #000301)
• Aged Atelier color palette (#F1F5FF, #EAD5FF, #C690A0, #447C62, #00482F)

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