Softworn Cocoa color palette — #E9F6ED · #92B5A5 · #83753B · #664500 · #052922

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Sage (#92B5A5): A luminous, dusty teal — the color of glacier melt.
• Walnut (#83753B): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#052922): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Chapel color palette (#DCEFDE, #AEA069, #8B6300, #643700, #1D1E00)
• Cocoa Drift color palette (#FDEDF5, #C79EAE, #9D6548, #77352C, #112914)
• Wandering Chestnut color palette (#FCEDF3, #ABC3AA, #9C7686, #794A39, #1F3124)
• Weathered Chestnut color palette (#DFEBE2, #8B8A4F, #675300, #452B00, #0B1100)
• Cerulean Villa color palette (#E6F5FC, #0796B1, #A25D69, #734700, #021D29)
• Ancient Garnet color palette (#F6D6E7, #BD7D3F, #923F00, #6B0400, #1B0F00)
• Tempered Denim color palette (#E7F4FA, #C8B07E, #00606D, #002D34, #020F15)
• Timeworn Chapel color palette (#ECDCE5, #996437, #722A00, #480004, #0A0400)

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