Wisteria

#a87dc2

Light lavender-purple for airy, focused interface accents

Save
Share

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 , it feels less "pressed into paper" and more airy, yet compared with 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.29:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.02:1FailAA Large

On Gray 900 #18181b

Aa
5.38:1AAAAA Large

On Black #000000

Aa
6.38:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Wisteria

Open the generator with this color pre-loaded.

Start creating