Softworn Cocoa color palette — #FFD6E9 · #B89CC6 · #8B6987 · #7E4220 · #413E38

A conversation between Bronze and Mauve, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD6E9): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#B89CC6): A luminous, dusty violet — the color of a velvet chair.
• Slate (#8B6987): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#7E4220): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#413E38): a grounded near-black with real depth.

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 Cobalt Loft color palette (#F1D4F3, #B899B2, #7470A8, #74485C, #573F39)
• Wandering Basalt Chapel color palette (#FFDFE1, #C99B99, #9B6A73, #6F5432, #444700)
• Fern Atelier color palette (#C4E8DE, #A69DCC, #93687F, #565500, #2C2C14)
• Mulberry Terrace color palette (#F1DDE3, #99719B, #8B3D6C, #552C13, #2B2500)
• Driftwood Quarry color palette (#E4F0FF, #AFB6DE, #AB8099, #547570, #28524D)
• Hazy Mulberry color palette (#FFE8EB, #B572B1, #AC6500, #872384, #4F2C00)
• Aged Bronze color palette (#FFF1F1, #DDBBB4, #A8897D, #8A6522, #43550E)
• Patina Lagoon color palette (#BEF1FF, #BBC8F5, #CA98B0, #6B9271, #465000)

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