Worn Cocoa color palette — #FFF0FC · #E1CCD9 · #C4A6B1 · #9D7C75 · #7C3E23

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E1CCD9): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#C4A6B1): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#9D7C75): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7C3E23): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Worn 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

• Hushed Chestnut color palette (#E9E3F1, #CAA0A7, #A76D8E, #8B4C2A, #4C2B00)
• Patina Hollow color palette (#FFECED, #D9BDBA, #C4968A, #8E6F42, #624900)
• Washed Stone Drift color palette (#EEF6FF, #D9D8E3, #B3BAD0, #92899C, #574E59)
• Softworn Rust Loft color palette (#E8E1FF, #CBAEDD, #AF86A6, #A5513D, #6B3A16)
• Frosted Ember Hollow color palette (#F1E1E8, #E190A0, #C86D61, #6E5900, #3E4000)
• Softworn Iris Archive color palette (#FEF1F9, #B8C0F4, #E09CA1, #7B85D1, #6B3E42)
• Weathered Fern Hollow color palette (#F5F6EC, #CED5BB, #7AA78F, #728468, #495405)
• Softworn Dune color palette (#FFF0FC, #99B0E9, #C691BB, #00A6AF, #503A4C)

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