Worn Cocoa color palette — #FFF1F4 · #FAD1D4 · #E099A7 · #AA7161 · #6A3700

Bronze and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FAD1D4): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#E099A7): A luminous, balanced red — the color of late-summer berries.
• Mocha (#AA7161): A luminous, dusty orange — the color of autumn markets.
• Bronze (#6A3700): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Wandering Mallow color palette (#FFF0F9, #E9D5DF, #E0A5CE, #A76979, #524A47)
• Muted Alley color palette (#FFF2EE, #E4D7CE, #DA9C78, #977B44, #4E4C45)
• Dusty Raspberry color palette (#FFE1E3, #ECA5C1, #C15E74, #7E4345, #362F2C)
• Tempered Rust color palette (#FFD9E7, #FF8689, #D25121, #764000, #281E00)
• Taupe Hollow color palette (#FFF2EF, #F5D3C8, #91DBDF, #C78490, #304F35)
• Coral Summit color palette (#FFF0FB, #FFB0BF, #FC635D, #9F5000, #4C3300)
• Tempered Basalt color palette (#FFE7EA, #D1D2E1, #ADA1A3, #523D38, #302523)
• Aged Cocoa color palette (#FFF2EE, #E0DBCE, #9EC3C2, #D5ACB4, #783E18)

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