Softworn Cocoa color palette — #FFF2EB · #DDC6AF · #C88A78 · #8C6B65 · #5C4300

Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DDC6AF): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#C88A78): A luminous, balanced orange — the color of autumn markets.
• Walnut (#8C6B65): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Ancient Boulevard color palette (#FFF2EB, #F3D2BA, #D4AC94, #AD8978, #693B00)
• Washed Blush Dune color palette (#FFF0F9, #DFBDE5, #D27EA2, #9F5E4D, #633C00)
• Muted Driftwood Corridor color palette (#FEF1F9, #EDD3D1, #C4A2B8, #8A6F8D, #354437)
• Bronze Canyon color palette (#FAF5E6, #C1C19C, #989252, #8C5E22, #334500)
• Hushed Terrace color palette (#F0E0CE, #ACA057, #9C6400, #803018, #282503)
• Muted Cocoa Garden color palette (#FDE2D0, #A3722A, #883500, #5F0021, #0E0B00)
• Aged Market color palette (#FFEAD8, #D0B162, #C36D04, #95443F, #37362F)
• Dusty Grove color palette (#EBE3D4, #839552, #745E00, #5D3000, #141900)

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