Timeworn Cocoa color palette — #EAE6FF · #E1B7C3 · #C299BA · #A77569 · #683800

Bronze and Mauve set the tone — five colors that lean into optimism and warmth.

The five colors

• Frost (#EAE6FF): A whisper-light, dusty violet — the color of wild irises.
• Rosewood Mist (#E1B7C3): A luminous, dusty rose — the color of strawberry cream.
• Mauve (#C299BA): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A77569): A luminous, dusty orange — the color of autumn markets.
• Bronze (#683800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Timeworn 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 Cocoa Cabin color palette (#FFF1F5, #F8CCD2, #D8B0AF, #A18A79, #6D4100)
• Patina Boulevard color palette (#ECE2EF, #C196B7, #AA7B78, #895834, #402800)
• Softworn Study color palette (#EBECFF, #A9A4C6, #975F83, #6B402C, #41232F)
• Washed Olive color palette (#C2ECDA, #D2ACC2, #A8809C, #676C24, #3F4A00)
• Mallow Canyon color palette (#E9DAE3, #FCA1BD, #D58688, #937023, #433C00)
• Aged Basalt color palette (#FFE5EE, #A5757B, #895C53, #514413, #0E1000)
• Patina Summit color palette (#EAF8FF, #CBDDF4, #9A99BA, #717647, #0E4D3E)
• Pale Veranda color palette (#FFDADE, #D991D3, #F18061, #7294DB, #431E25)

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