Softworn Cocoa color palette — #E7E5FF · #A691BA · #7F5B82 · #733B34 · #481B00

A conversation between Rust and Espresso, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#E7E5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#A691BA): A luminous, dusty violet — the color of wild irises.
• Graphite (#7F5B82): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#733B34): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#481B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Wandering Balcony color palette (#E3E7FD, #A49BEC, #826897, #683138, #330F08)
• Dusty Chestnut color palette (#FDDDED, #BB8290, #9B5E5D, #644B00, #312E00)
• Cocoa Corridor color palette (#EDDAE0, #996569, #803425, #3E3200, #111400)
• Timeworn Mulberry Dune color palette (#D3F3FF, #7E89B5, #774885, #2C3E0A, #002B1D)
• Hushed Study color palette (#EBECFF, #C3BFDF, #A799BC, #9C7061, #604751)
• Timeworn Driftwood Ridge color palette (#D5F2FF, #979DD3, #9870A0, #596C3F, #202F04)
• Airy Chestnut Dune color palette (#F2DCE8, #E899B1, #B67474, #7C5A00, #443D00)
• Hushed Pewter Study color palette (#F9DEF1, #D2ADC0, #839D80, #556C43, #254A30)

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