Worn Cocoa Station color palette — #FFF1F1 · #F4D3CF · #DF93A4 · #AB7574 · #6E340E

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#F4D3CF): A whisper-light, dusty orange — the color of toasted spice.
• Ballet Pink (#DF93A4): A luminous, balanced red — the color of embers at dusk.
• Mocha (#AB7574): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6E340E): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Worn Cocoa Station 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 Apricot color palette (#FFF2EC, #E5D8C7, #E6A477, #92714C, #5F4000)
• Washed Quarry color palette (#FFF0F8, #F3D1E9, #CF9DD8, #946C8E, #664A4A)
• Taupe Atelier color palette (#FFF2EE, #F3D4C6, #8ADCDF, #C8848A, #384C3A)
• Terracotta Terrace color palette (#F2EFFF, #DDABC6, #BF7380, #8E453C, #49293D)
• Softworn Villa color palette (#FFE4E7, #FF8D80, #C94900, #693100, #331A00)
• Shell Garden color palette (#FFF2ED, #FFB6B3, #9DC996, #B696B4, #3E3634)
• Wandering Cocoa color palette (#FFF2ED, #E0DACE, #D3ADA9, #9CB2B3, #773D17)
• Timeworn Tangerine Harbor color palette (#FFE4DE, #EC7000, #9A5800, #503300, #120C00)

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