Timeworn Cocoa color palette — #FFF0F7 · #D4CDFF · #F3B5AC · #A89FD9 · #763A1C

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lilac Frost (#D4CDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Rose Quartz (#F3B5AC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mauve (#A89FD9): A luminous, balanced violet — the color of a velvet chair.
• Bronze (#763A1C): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Weathered Wisteria Station color palette (#FFF1F2, #F6C2E8, #E5C08F, #D190C0, #6A4400)
• Weathered Pier color palette (#FFF1F7, #CBBBFD, #EDA7BA, #76B9D8, #503B45)
• Iris Lantern color palette (#FEF1F8, #C0BEF0, #B6B57A, #8884BF, #5D4B00)
• Wisteria Garden color palette (#FFF1F5, #DDAFFF, #FF985F, #B972E9, #602700)
• Hushed Iris Quarry color palette (#F2F5FF, #E0D5F0, #D1D090, #958EDE, #26503E)
• Muted Mallow Basin color palette (#FFF1F6, #EFD3EC, #C5B0E7, #9582B5, #413358)
• Antique Summit color palette (#E6FBF3, #ADDCFC, #AAD5A0, #6DB1DD, #4D4E46)
• Wandering Workshop color palette (#FEF2F2, #FBD5BD, #BC8EAD, #806566, #352728)

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