Softworn Cocoa color palette — #FFEBFC · #E7AC9A · #A7745B · #754214 · #3E2300

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

The five colors

• Blush (#FFEBFC): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#E7AC9A): A luminous, dusty orange — the color of autumn markets.
• Mocha (#A7745B): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#754214): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3E2300): A deep, shadowed, dusty gold — the color of old brass.

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

• Patina Corridor color palette (#F5EEFF, #E8AFC8, #A97381, #7A3D45, #550F14)
• Muted Fern color palette (#FFEFDB, #D6BF93, #928044, #5D570D, #2A2F00)
• Softworn Taupe color palette (#E8F7E7, #D99A84, #976F4D, #435A30, #3A2431)
• Bronze Canyon color palette (#FFF2EC, #F4C1B0, #CE9270, #9C5E1E, #623C00)
• Ancient Amber Market color palette (#F3E5DA, #B57813, #6C4E00, #3C3000, #100D00)
• Washed Amber color palette (#FFDFCE, #E7862B, #9F6400, #563A00, #241B00)
• Softworn Driftwood Corridor color palette (#FAE7F2, #AE7157, #49343E, #271A21, #100A0F)
• Softworn Taupe Market color palette (#FBEDF6, #F0D2C2, #F7B5A3, #C78F62, #35212E)

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