Worn Cocoa color palette — #FFD8ED · #DBB0C0 · #A282A5 · #8E5F57 · #6D3703

Built around Bronze, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFD8ED): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DBB0C0): A luminous, dusty rose — the color of pressed rose petals.
• Dusty Rose (#A282A5): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#8E5F57): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6D3703): A deep, shadowed, balanced gold — the color of old brass.

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

• Washed Basalt Chapel color palette (#CBE8FF, #C8B0C7, #A6859A, #8B6161, #5E3340)
• Bronze Loft color palette (#FFEEF3, #DEB9BD, #B7908E, #A1693A, #744803)
• Timeworn Lilac Chapel color palette (#E4E0FF, #AA86C3, #895682, #663C32, #441E00)
• Timeworn Blush color palette (#EEE0E8, #ED8FB7, #BD6773, #7B5400, #493D00)
• Olive Thicket color palette (#FFE6E9, #EFACA5, #C5876F, #6E6C2E, #494841)
• Aged Canyon color palette (#C7EAD3, #B89EBA, #966C7C, #5B5D22, #1D5038)
• Dusty Rust Boulevard color palette (#FFDFEB, #A75B65, #7A3E34, #3A2E00, #101000)
• Hushed Courtyard color palette (#D9EDFF, #BDC2F2, #C196B6, #598981, #224D49)

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