Softworn Cocoa color palette — #E5DED8 · #BFB8A7 · #8F9173 · #653800 · #291C0F

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

The five colors

• Bone (#E5DED8): bright and airy, almost weightless.
• Stone (#BFB8A7): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#8F9173): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#653800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#291C0F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Garnet Station color palette (#E6DCD9, #C9B5A6, #9F8B69, #81072D, #291C18)
• Aged Cocoa color palette (#F5EAED, #A5B9AA, #7C9489, #5F3A00, #15050B)
• Chestnut Courtyard color palette (#F4EDE5, #D0C2A9, #ACA58C, #865400, #291D0E)
• Hushed Fern color palette (#EFEFE8, #C6D0BF, #88AA93, #36621F, #2E2F24)
• Timeworn Spruce color palette (#EDEBE5, #979D89, #627762, #282F00, #0C0900)
• Wandering Bronze color palette (#F9F4EF, #D9DCD4, #B3C7B5, #8F6D41, #4E463E)
• Softworn Bronze Market color palette (#F6ECEF, #B4C8C5, #91AFB3, #B46D00, #2C1920)
• Tempered Onyx color palette (#E5E2D1, #4C895F, #00504A, #4D143D, #00220C)

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