Timeworn Cocoa color palette — #F1E1FF · #C59CCC · #A26288 · #7B3F1D · #452804

Bronze takes the lead with Mocha close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#F1E1FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#C59CCC): A luminous, balanced pink — the color of peonies in June.
• Mocha (#A26288): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#7B3F1D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#452804): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. 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

• Cocoa Lantern color palette (#EFE5FF, #AE9BB8, #956567, #5D441A, #08301D)
• Cocoa Terrace color palette (#FFE9F0, #9E6B72, #7F3B2E, #342900, #111300)
• Soft Quarry color palette (#C1F4E3, #A59ED9, #AA608B, #47694C, #005451)
• Patina Study color palette (#EDDCDB, #C08069, #985922, #384600, #052E02)
• Dusty Olive color palette (#E9F8FF, #DBD7F5, #C196CC, #597B31, #004737)
• Plum Study color palette (#FFEBF9, #E38FCF, #AF3E9D, #660057, #27001F)
• Worn Drift color palette (#FFEBF6, #E3C6D2, #879A88, #417069, #294C4D)
• Gentle Rust color palette (#E5E0FF, #AD5DBE, #C73D3A, #0060B7, #290331)

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