Timeworn Harbor color palette — #EFF6FF · #C2D1FF · #A191EC · #85649D · #542F36

Wisteria takes the lead with Slate close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#C2D1FF): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#A191EC): A luminous, balanced violet — the color of a velvet chair.
• Slate (#85649D): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#542F36): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Timeworn Harbor 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

• Hushed Wisteria color palette (#F4F4FF, #E6CFFF, #CE8BD7, #8D5376, #593430)
• Timeworn Periwinkle color palette (#E1FBFF, #9DE4FF, #5AA6E7, #576FA2, #593B4F)
• Muted Aubergine color palette (#E1EDFF, #949FDC, #7D6ABE, #6A4799, #5E4067)
• Feathered Aubergine color palette (#D8E8F6, #93ABEA, #7269BA, #6A337E, #401833)
• Pale Lime color palette (#FFF1F7, #D8CBFF, #AEC769, #907BC5, #333D13)
• Dusty Lilac color palette (#FFF1F5, #F5D3E4, #BC8DD4, #6F4C80, #2A1635)
• Tempered Ash color palette (#FFF1F6, #E9D6D9, #AFBAB3, #8AA1C7, #574046)
• Tempered Magenta Field color palette (#E2E6FF, #B1A0FF, #C020F1, #850076, #410024)

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