Worn Cocoa color palette — #EED7E6 · #C498AC · #8B6671 · #6A4236 · #3F2313

Cocoa and Mauve set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#EED7E6): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#C498AC): A luminous, dusty rose — the color of pressed rose petals.
• Pewter (#8B6671): A full-bodied, dusty rose — the color of pressed rose petals.
• Cocoa (#6A4236): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3F2313): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Timeworn Pier color palette (#F9E8E8, #BF9A93, #A9664D, #654400, #2E2800)
• Wandering Basalt color palette (#F3E9F5, #9A7175, #714554, #4A2400, #1D1200)
• Patina Thicket color palette (#DEE4F3, #B1B8E0, #928EB5, #895958, #563C4E)
• Softworn Basin color palette (#F5E3E4, #B88179, #874F31, #424300, #102000)
• Dusty Bronze Alley color palette (#FFEDEB, #D4BCB5, #A7897B, #83641C, #4C3F00)
• Dusty Pewter Meadow color palette (#BCE7FF, #8EAACC, #886396, #2D5B4D, #154248)
• Muted Bronze Basin color palette (#E6FCE8, #ABDBCD, #A99ECC, #866F26, #234A2B)
• Feathered Basin color palette (#F6E3EB, #9B80CC, #BB5C45, #6A22B5, #390700)

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