Worn Harbor color palette — #FFF0F9 · #CEBFFE · #AB83D5 · #956B99 · #654347

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#CEBFFE): A whisper-light, balanced violet — the color of a velvet chair.
• Wisteria (#AB83D5): A luminous, balanced violet — the color of wild irises.
• Slate (#956B99): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#654347): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Worn 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

• Washed Iris Villa color palette (#D8FFF4, #ACC8FF, #919AF0, #706BA6, #684955)
• Washed Mallow Courtyard color palette (#EFF5FF, #CFCCFF, #CFACE5, #B388B3, #534761)
• Wisteria Thicket color palette (#FFF1F2, #F0C7EC, #C380B9, #885880, #4F2A31)
• Antique Blush Drift color palette (#FFF1F3, #F3B7D7, #DC7DA6, #A86573, #564D4A)
• Dusty Ash Grove color palette (#FFF1F4, #E3D8D2, #A3B2A1, #A698C1, #5E4D4E)
• Wandering Cabin color palette (#FFF1F4, #D09BD8, #C89D49, #53A0A6, #513C40)
• Softworn Magenta color palette (#E7D9FF, #DC8AFF, #D62ED8, #AC2083, #631F3A)
• Peony Veranda color palette (#F8E5F8, #EA8ACF, #D84195, #9E3557, #542527)

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