Softworn Cocoa color palette — #FCF4EC · #E5CF95 · #9B754F · #6E4100 · #302A24

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Wheat (#E5CF95): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9B754F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#302A24): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Antique Basalt color palette (#FAF4EE, #CCC093, #785637, #532F00, #282417)
• Washed Driftwood Basin color palette (#FCF2F5, #BEECF6, #A07F5C, #5C4020, #24171B)
• Softworn Honey Workshop color palette (#F5F6EA, #EBBA80, #567E51, #42433C, #222318)
• Dusty Teal color palette (#FAF4ED, #F2C999, #60AE8E, #A98459, #2B3026)
• Dusty Field color palette (#EFE2D3, #926F00, #3C2700, #1B2119, #0A0500)
• Mustard Villa color palette (#FFF3E7, #CCC065, #6BA083, #8A616F, #514900)
• Hushed Taupe Bloom color palette (#FAF3F5, #C3E8D1, #BD9570, #85616E, #35272C)
• Tempered Marigold Archive color palette (#E6DEC7, #D19A26, #5F5700, #2E2A00, #100A00)

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