Wisteria
#a87dc2
Light lavender-purple for airy, focused interface accents
About Wisteria
I see Wisteria as that moment when a lilac looks like it has a little more weight behind it: lighter than the deeper, dust-settled purples, and less glassy than the jewel-leaning ones. It keeps a distinctly purple read, but the undertone runs more serene and slightly cool, not mauve-warm. Compared with Petrified Purple, it feels less "pressed into paper" and more airy, yet compared with Magic Carpet it commits harder to purple without slipping toward periwinkle.
In practice, this is the shade I use for dashboards and finance apps when the brand tint needs to feel friendly but still crisp on a UI surface. Think active state backgrounds, KPI card headers, and chart legend pills where you want the highlight to stay readable without going powdery like lighter lilacs. It's also great for onboarding steps and settings panels in education products, because it lands calm instead of overly cool.
Pair it with clean warm off-whites or soft charcoal so it doesn't feel too lavender-leaning next to strict greys.
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.