Wisteria Blue
#84a2d4
Lighter, cooler wisteria periwinkle for airy panels
About Wisteria Blue
Wisteria Blue looks like a lavender-tinted sky color caught mid-afternoon: light, a little airy, and clearly more purple-leaning than the purples that turn fully periwinkle or go too blue. Compared to Azureno and Old World, it keeps its lavender undertone without drifting into a soft gray-mist. It also doesn't warm up the way Birdie Num Num does.
I reach for the one you reach for when you want a calm accent that still reads as intentional color, especially in SaaS dashboards and data viz where links, chips, and secondary buttons need to stand out without shouting. It lands between "notice me" and "background support," so it won't feel clinical like colder options, but it also won't flatten like more muted purples. Think product settings, fintech tables, and analytics views where hierarchy matters.
Pair it with cool grays for crisp separation, or with clean whites if you want it to feel fresh rather than dusty. If you throw it against warm beige, the purple can get muted fast and lose that distinctive lavender angle.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.