Softworn Cocoa color palette — #FFF0F7 · #BE9CA9 · #956647 · #784129 · #4D353D

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mauve (#BE9CA9): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#956647): A full-bodied, dusty gold — the color of old brass.
• Bronze (#784129): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#4D353D): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Cocoa Harbor color palette (#EEF9ED, #90B193, #906A3B, #774309, #2E4334)
• Timeworn Cocoa color palette (#F6E1E9, #B18A97, #8C5420, #6C3002, #213623)
• Hushed Amber color palette (#FFF3E9, #D6B892, #C27C50, #8F5853, #403D36)
• Wandering Chestnut color palette (#FAE4EF, #AD7B55, #883D00, #611D00, #361D00)
• Muted Forest color palette (#EDF9F0, #A8BFB0, #688A71, #49664B, #364E42)
• Hushed Bronze color palette (#E2FBFE, #329380, #9D6126, #615200, #16393D)
• Aubergine Lagoon color palette (#EDEEFF, #AC9FDB, #8462AA, #6F2C83, #690F3B)
• Washed Terrace color palette (#FFE8F0, #875E23, #532E00, #2F1300, #120900)

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