Softworn Cocoa color palette — #EBE5DF · #C2B7A7 · #988D71 · #653800 · #291C10

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#EBE5DF): bright and airy, almost weightless.
• Stone (#C2B7A7): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#988D71): A luminous, dusty gold — the color of old brass.
• Bronze (#653800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#291C10): A deep, shadowed, dusty gold — the color of old brass.

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 Courtyard color palette (#F2E7E4, #C4B5AE, #A18976, #830028, #2C1A15)
• Timeworn Driftwood Hollow color palette (#EAE2D7, #AEA99B, #8A8138, #483400, #1D1101)
• Tempered Chestnut Loft color palette (#EBE1E5, #B8C9BD, #83AFA5, #934900, #271B21)
• Fern Thicket color palette (#EEEFE7, #C9CEC1, #97A690, #246512, #2E2F21)
• Tangerine Drift color palette (#ECDDC6, #F27600, #A97A00, #435B00, #151200)
• Muted Forest color palette (#F3EED5, #638551, #005329, #501C00, #0C2100)
• Navy Meadow color palette (#F0E5D3, #8E8A4E, #425E3B, #03326C, #2E1C4E)
• Chestnut Lantern color palette (#FFEDD0, #8D5800, #404000, #00273E, #1E1400)

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