Worn Cocoa color palette — #FFE7F6 · #E1C6FC · #D49ED1 · #BF8596 · #773A1D

Bronze and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FFE7F6): A whisper-light, dusty pink — the color of a candy shop window.
• Thistle (#E1C6FC): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D49ED1): A luminous, balanced pink — the color of a candy shop window.
• Dusty Rose (#BF8596): A luminous, dusty red — the color of a theater curtain.
• Bronze (#773A1D): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Balance. Tagged light, muted.

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

• Dusty Mallow color palette (#FFF1F7, #F6C6EF, #E5A3C7, #B77776, #514A46)
• Powder Drift color palette (#D2FFF4, #CFD3FF, #BEACED, #AB86AF, #6A4745)
• Weathered Drift color palette (#FFF1F2, #F4C2EC, #95D7BF, #CA93C2, #3C5717)
• Worn Corridor color palette (#DDE7FF, #C0A5DA, #B36BA4, #854B60, #412E40)
• Chalky Blush Grove color palette (#FDE7FB, #FA9AC6, #EC7380, #B25E3D, #4D2E00)
• Cocoa Terrace color palette (#FFF2EA, #ECD5BB, #D0AE98, #AC8880, #594500)
• Worn Chapel color palette (#E8DFF0, #FF99F2, #F964B5, #CB3D4A, #6B2202)
• Weathered Coast color palette (#FFF1F2, #EBB3DB, #79D1BE, #68B1BD, #543B3D)

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