Softworn Cocoa color palette — #E9DDE3 · #B8A2AB · #997854 · #5D2400 · #1E0E17

A conversation between Espresso and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Silver (#E9DDE3): a clean, paper-quiet neutral.
• Mauve (#B8A2AB): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#997854): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#5D2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1E0E17): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Basalt Workshop color palette (#DAE4DA, #9CAFA1, #88814E, #4A3200, #09180B)
• Washed Garnet Loft color palette (#E3DCE7, #B2A3B5, #A07170, #690037, #1A0F1F)
• Washed Bloom color palette (#F1E8EE, #B397A1, #628570, #631800, #0A0207)
• Timeworn Meadow color palette (#F1E6E0, #C8B097, #A49371, #8E2D0A, #1F0F07)
• Fern Atelier color palette (#E1EBE7, #A9BEB9, #739692, #3C4C00, #11231E)
• Rust Bloom color palette (#F5E9F2, #A2BEB5, #80A4A5, #B0503A, #200B1B)
• Aged Ember Study color palette (#ECDBE0, #DE5B00, #9E5D00, #523F00, #0E0600)
• Hushed Chestnut color palette (#FFF1F6, #E9C8D3, #BEA274, #874700, #442936)

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