Softworn Cocoa color palette — #E4ECD4 · #6EB0BC · #646A9C · #5D4400 · #322406

Built around Bronze, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E4ECD4): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#6EB0BC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#646A9C): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#5D4400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322406): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Washed Fern color palette (#CFE9D7, #AE93AD, #8D648D, #505000, #27280D)
• Ancient Cocoa color palette (#F4EDD3, #7FB6A2, #4D7B69, #794117, #382213)
• Weathered Chestnut Summit color palette (#BDF1FF, #7DA2C1, #86687E, #804324, #4A4000)
• Antique Chestnut color palette (#E3F9E0, #8CBCAD, #917BA3, #775C0D, #37342E)
• Feathered Mulberry color palette (#D1E4E6, #7892C9, #973F8D, #2D4A1A, #112A00)
• Antique Aubergine Quarry color palette (#DDF3EB, #3587AD, #5F4484, #362E00, #1C1300)
• Antique Lilac Hollow color palette (#BCECD2, #9F9DE0, #A36386, #005D53, #003630)
• Dusty Ridge color palette (#BFF2DC, #78C8EB, #9887AE, #5C765C, #3B4D3B)

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