Worn Cocoa color palette — #FFE7F5 · #C8B7E8 · #BD91C8 · #A57E70 · #6A3302

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFE7F5): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#C8B7E8): A luminous, dusty violet — the color of wild irises.
• Mauve (#BD91C8): A luminous, balanced pink — the color of a candy shop window.
• Caramel (#A57E70): A luminous, dusty orange — the color of autumn markets.
• Bronze (#6A3302): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Softworn Cocoa Corridor color palette (#FFD8E2, #E0B5D8, #CA9A97, #AA7C5E, #663F00)
• Aged Basin color palette (#CEEEE2, #D7BAD7, #99A2CD, #A47D7F, #5A3F3B)
• Olive Canyon color palette (#C2F3E2, #ACAEDD, #AA87A6, #706D22, #464400)
• Peony Studio color palette (#EED6F3, #BF74A7, #A6647A, #794505, #281900)
• Muted Ash Corridor color palette (#EBF7FF, #BBCDF4, #AB88B2, #4A796E, #20403B)
• Hushed Fern color palette (#CFEFDC, #B48FAD, #876767, #584F00, #283406)
• Muted Amber Alley color palette (#FFEAEA, #D2A792, #C98C66, #737B44, #383931)
• Frosted Coral Studio color palette (#FDDAE2, #D192E4, #FA7672, #4899ED, #3F2129)

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