Wisteria Harbor color palette — #F3F4FF · #C79AF9 · #B79B46 · #45825A · #222236

Wisteria and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#C79AF9): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#B79B46): A luminous, balanced green — the color of new leaves after rain.
• Fern (#45825A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#222236): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Hazy Bronze color palette (#F5F3FF, #CF97E5, #A08700, #00705A, #111D2E)
• Powder Meadow color palette (#F2F5FF, #BAABFF, #86BF7A, #769C6E, #2D3244)
• Amber Coast color palette (#EFF6FF, #83B4FA, #E18056, #7B752D, #192534)
• Quiet Jade Balcony color palette (#FAF2FF, #EF90B9, #61B464, #1F818A, #2B1F32)
• Hushed Lantern color palette (#E7FCEB, #FCAFE2, #D07273, #377246, #392C40)
• Hushed Iris Field color palette (#FFECF3, #9476B9, #667F40, #465A26, #29101B)
• Airy Harbor color palette (#F6F3FF, #ED57F0, #6F7600, #006354, #1B011B)
• Aged Drift color palette (#FFF0FD, #E77877, #00A186, #00688E, #200D1F)

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