Softworn Cocoa color palette — #EFF6FF · #E2D8E2 · #CDA0C5 · #9D5C66 · #642400

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#E2D8E2): a clean, paper-quiet neutral.
• Mauve (#CDA0C5): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9D5C66): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#642400): A deep, shadowed, balanced orange — the color of toasted spice.

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

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

• Bronze Terrace color palette (#F4F4FF, #EBDADB, #E09D96, #9B623B, #483A00)
• Softworn Garnet Station color palette (#EAF8FF, #D6D8E9, #AFA7D9, #8E679B, #632442)
• Quiet Peony color palette (#FFF1F6, #F2D1F9, #DD9EC7, #C9698C, #742C30)
• Dusty Raspberry color palette (#F5F3FF, #EE99E8, #C55475, #703200, #1E1300)
• Dusty Driftwood color palette (#EFF1FF, #DAB8DF, #B06999, #7D3A51, #4C1218)
• Antique Brick Garden color palette (#E8DBF0, #DF76A7, #AD1D2A, #492800, #040300)
• Worn Pier color palette (#F7F3FF, #DA93CC, #5F4E5E, #2D2935, #0E0F15)
• Feathered Bronze color palette (#FFF0F7, #FFA39D, #BA6D00, #544400, #041F00)

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