Softworn Cocoa color palette — #FFF2F0 · #E1DDCF · #B4B8C3 · #CA9AB3 · #76391B

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DDCF): bright and airy, almost weightless.
• Ash (#B4B8C3): a calm mid-gray that lets other colors speak.
• Mauve (#CA9AB3): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#76391B): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Vanilla Harbor color palette (#FFF1F3, #F2EAB4, #E3D6D1, #ADB0DD, #664644)
• Taupe Coast color palette (#FFF3E3, #C0F2D6, #99D9F0, #CF927C, #544000)
• Wandering Taupe Atelier color palette (#FEF0FF, #ECD3D4, #D8D09D, #BD839B, #5D4859)
• Basalt Garden color palette (#FFF3E5, #E0CFA4, #C4A781, #AD7A67, #423F00)
• Hushed Chestnut Alley color palette (#FEF3EC, #DAD9A4, #BE856D, #8C5329, #2A1F18)
• Softworn Seafoam Thicket color palette (#FFEDDD, #C3E6C1, #6EDDBE, #D68682, #312E28)
• Peony Quarry color palette (#FFF2EC, #FFDCAF, #B2E481, #E16BB4, #562C10)
• Wandering Glacier color palette (#D6E0FF, #78E0FF, #FFB0A2, #68605D, #332A26)

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