Wisteria Harbor color palette — #F1F2FF · #C8BBFF · #BD86E4 · #3F5CAB · #342E59

Built around Wisteria, softened by Cobalt — the whole palette hums with creativity and balance.

The five colors

• Ivory (#F1F2FF): bright and airy, almost weightless.
• Lavender (#C8BBFF): A whisper-light, balanced violet — the color of a velvet chair.
• Wisteria (#BD86E4): A luminous, balanced violet — the color of a velvet chair.
• Cobalt (#3F5CAB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#342E59): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Softworn Chapel color palette (#EDF2FF, #DACAFF, #DB78D0, #0064A4, #201242)
• Softworn Lilac Ridge color palette (#E9F4FF, #BAD3FF, #9CA0FF, #006990, #1C3654)
• Muted Fuchsia Grove color palette (#EEF2FF, #D8CEFF, #EB8BF0, #2784CF, #322C59)
• Peony Corridor color palette (#FBF1FF, #FDB1FB, #F26EBC, #724BAE, #482951)
• Aged Pewter color palette (#FFEFF2, #E6ADD6, #C7849D, #6D4C80, #4B262B)
• Worn Archive color palette (#F1EBFD, #B877D9, #994E8B, #2F1763, #13011F)
• Dusty Driftwood Market color palette (#FFF0F8, #E5D6D4, #B1AD9A, #9C7F93, #5B474F)
• Hazy Turquoise Market color palette (#ECF2FF, #E8D6FF, #FFB8BE, #00B6D6, #313069)

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