Worn Cocoa color palette — #FFF1F3 · #D49CBC · #B16A78 · #864E4D · #753F10

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#D49CBC): A luminous, dusty pink — the color of peonies in June.
• Mocha (#B16A78): A luminous, balanced red — the color of embers at dusk.
• Coffee (#864E4D): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#753F10): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Faded Mulberry color palette (#F4E5FF, #E6ADBD, #B46678, #8A3845, #472B45)
• Antique Amber color palette (#FFF2F0, #DE9B99, #BA755C, #855834, #534E48)
• Wandering Villa color palette (#FFF0F9, #C0B1E6, #9970A0, #805074, #6E4845)
• Timeworn Cabin color palette (#FFF2EF, #DC9BA8, #53A7B3, #A25969, #35563F)
• Soft Alley color palette (#FFEAEC, #DE7D6D, #AE5213, #674000, #313A07)
• Tempered Coral color palette (#FFF2ED, #CB8081, #459997, #407899, #543C33)
• Aged Chestnut color palette (#FEE2D6, #985300, #4D3900, #231F00, #001105)
• Worn Station color palette (#FFE8D7, #BA7F00, #6E5F00, #474A00, #003C25)

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