Softworn Cocoa color palette — #FDF3EC · #E8D6C4 · #D9A997 · #B58385 · #5F4100

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#E8D6C4): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D9A997): A luminous, dusty orange — the color of sun-warmed clay.
• Dusty Rose (#B58385): A luminous, dusty red — the color of a theater curtain.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Pewter Loft color palette (#FEF1F8, #E0C0CF, #B38FA4, #8A6880, #564149)
• Driftwood Lantern color palette (#FBF5E1, #D4D3B0, #B0B175, #A38344, #3C3E37)
• Weathered Delta color palette (#FEECF7, #DAB28F, #9B768D, #654F66, #243026)
• Softworn Rust color palette (#FFEBD7, #E3C481, #D69352, #C45D3D, #3A3700)
• Amber Loft color palette (#FFF0F8, #BEBAF9, #D9A4C3, #C28E4B, #4B3642)
• Bronze Workshop color palette (#FDE7CC, #BFB279, #B18543, #A94D01, #212801)
• Bronze Quarry color palette (#E8E1D3, #99A768, #917C00, #7D4F00, #031C00)
• Washed Sky color palette (#F0F7F4, #BDEAD5, #E0A2BD, #34BAEC, #3B2827)

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