Softworn Cocoa color palette — #FFF1F2 · #DCA5C0 · #AE677D · #8F5358 · #7F4125

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#DCA5C0): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#AE677D): A full-bodied, balanced red — the color of embers at dusk.
• Pewter (#8F5358): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#7F4125): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Aged Atelier color palette (#FFF2ED, #ECB7B3, #AA6F6B, #74403C, #5E2207)
• Hushed Archive color palette (#FFECE5, #E4A597, #BA7759, #855A33, #585100)
• Muted Harbor color palette (#FFF0F9, #BDAEE4, #9B7AB0, #77507C, #6E484A)
• Hushed Meadow color palette (#FFF2EF, #D99DA8, #62A7A0, #9E5B69, #3D5538)
• Worn Cocoa Quarry color palette (#FFF2EE, #E0D9CE, #9ABECE, #A57F7D, #7D4022)
• Blush Harbor color palette (#F0E8FF, #FFC3E3, #F48FB3, #C58185, #5C4759)
• Tempered Rust Courtyard color palette (#FFD7D6, #D6715D, #AA4A23, #763A00, #523300)
• Hushed Coral Villa color palette (#FFF2EE, #C88187, #769463, #5878A1, #523C36)

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