Softworn Cocoa color palette — #F6EEFF · #E6B1BB · #B67168 · #813B0E · #3E2100

Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Blush (#F6EEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ballet Pink (#E6B1BB): A luminous, dusty red — the color of a theater curtain.
• Caramel (#B67168): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#813B0E): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3E2100): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Chestnut Field color palette (#FFEBF9, #E4B6CB, #9F7B42, #695400, #2C2D00)
• Wandering Amber color palette (#FEDFDD, #C46B4E, #7B4400, #432C00, #110E00)
• Coral Cabin color palette (#FFF1F0, #F7B4C0, #D58174, #9E6147, #633A00)
• Washed Lantern color palette (#EFF1FF, #D5B5DA, #A56C95, #8C3155, #570F1D)
• Dusty Rust Boulevard color palette (#FFD7DC, #E47F73, #AE4D00, #623B00, #271C00)
• Wandering Bronze color palette (#E7F6EA, #CD9CA7, #A3674F, #00614D, #372437)
• Weathered Hollow color palette (#FFE4D2, #CEAA7B, #907925, #4E5100, #132700)
• Wandering Driftwood Hollow color palette (#F4EAF2, #B36C68, #48353F, #271925, #0F0A11)

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