Softworn Cocoa color palette — #F8D4DC · #BD97B5 · #926461 · #6B462B · #332208

Coffee takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F8D4DC): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#BD97B5): A luminous, dusty pink — the color of neon signs at night.
• Walnut (#926461): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#6B462B): A full-bodied, dusty gold — the color of old brass.
• Espresso (#332208): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Patina Bronze color palette (#FDDED7, #C38F8C, #A2653F, #514E20, #273308)
• Ash Hollow color palette (#DDEAFE, #919ECB, #766D97, #673D4D, #3E2118)
• Driftwood Workshop color palette (#FFE4E8, #9B6783, #744953, #322D28, #1C1300)
• Washed Lagoon color palette (#EBE0F8, #BDACC2, #A1839D, #7C662F, #264E3D)
• Cypress Chapel color palette (#F3F3E4, #A0A47B, #44714D, #2E4F37, #1D1E04)
• Softworn Fern Corridor color palette (#FFEEE7, #DCC6B9, #9D8E80, #6E661A, #3E4400)
• Plum Basin color palette (#FFECF5, #DC91BE, #A0477A, #5D1242, #1E0012)
• Linen Dune color palette (#F3E3FF, #B47DC9, #8F4297, #601C5C, #39122F)

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