Softworn Cocoa color palette — #EBF2FF · #C7B5E3 · #9D7299 · #7F3E47 · #4B1A00

Coffee and Espresso set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Lavender (#C7B5E3): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9D7299): A luminous, dusty pink — the color of neon signs at night.
• Coffee (#7F3E47): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#4B1A00): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Washed Alley color palette (#F3F4FF, #D3B4DC, #A26991, #913A5F, #742330)
• Aged Study color palette (#F8EDFF, #E3ADC5, #AD716E, #76451C, #322900)
• Dusty Lantern color palette (#E2F5FF, #92C0E7, #847EB5, #6D4772, #51142A)
• Rust Orchard color palette (#FFEFFF, #D0C8F7, #BA8DBA, #A9535F, #75300B)
• Muted Study color palette (#E8E4F2, #B96EBC, #98143E, #531E00, #150A00)
• Ancient Driftwood color palette (#E2F7F7, #9DA8DA, #9A667E, #1E5E52, #292A3F)
• Frosted Field color palette (#E8D7F4, #AE4774, #880502, #311900, #090700)
• Muted Quarry color palette (#F0F1F9, #DBD5DA, #B7ABA9, #7C80A2, #34353E)

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