Worn Cocoa color palette — #E7E0FF · #AA98BB · #856E8C · #6E4515 · #2D4733

Built around Bronze, softened by Mauve — the whole palette hums with optimism and sophistication.

The five colors

• Thistle (#E7E0FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#AA98BB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#856E8C): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#6E4515): A full-bodied, balanced gold — the color of old brass.
• Forest (#2D4733): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Villa color palette (#F2D6EA, #B296A4, #8F6A76, #4C603C, #004F46)
• Worn Cocoa color palette (#F4E5FD, #9D7F9F, #803D2E, #413600, #092A0C)
• Pewter Alley color palette (#E9EEFF, #A9A8D0, #776C92, #694962, #563434)
• Weathered Cypress color palette (#FFF0FB, #D9C3CF, #A48F96, #4F7A6F, #35504E)
• Frosted Olive color palette (#F5DFF4, #BFB1E0, #BE7D99, #617330, #3A4F08)
• Soft Mulberry Boulevard color palette (#F2EAFF, #B674A6, #A36C00, #94007F, #4A2F00)
• Softworn Workshop color palette (#E9F4E8, #7EA489, #6C6D43, #005241, #013849)
• Patina Forest Terrace color palette (#FFE7D8, #C19F7C, #927D4A, #0F6D36, #005744)

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