Softworn Cocoa color palette — #E4DCF2 · #C091A3 · #96676C · #5E4319 · #172C1F

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Thistle (#E4DCF2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#C091A3): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#96676C): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#5E4319): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#172C1F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, 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

• Timeworn Balcony color palette (#E8E9FC, #9E97B7, #9F6687, #6B432D, #3A1826)
• Ash Chapel color palette (#F7D5EA, #B890BA, #966D61, #495B3C, #2A4539)
• Feathered Balcony color palette (#F2DADA, #CB7D68, #A85400, #3B4400, #0E2901)
• Softworn Garnet Atelier color palette (#FFE4F1, #A3727C, #7F2F32, #423000, #181600)
• Worn Alley color palette (#EDD6E9, #DC9DBD, #BA808C, #8C5D23, #5A3E00)
• Bronze Boulevard color palette (#F8E9E1, #C59E75, #927100, #375D40, #013B3F)
• Taupe Station color palette (#F2F5FF, #D3CBED, #C89393, #436C70, #1A3E41)
• Patina Cobalt Delta color palette (#EFE4FA, #C6709E, #007ED9, #8B2963, #001D38)

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