Wondrous Wisteria
#a3b1f2
Soft violet-mauve haze for calmer, warmer headers
About Wondrous Wisteria
On my monitor, Wondrous Wisteria looks like a lavender ribbon caught in daylight, not a mist. It's notably lighter than Purple Illusion and more clearly saturated, so it reads as purple tint first, not a veiled overlay. Compared with Kitten's Eye, it holds onto its violet character a bit longer and feels a touch more pigmented, less like a sky highlight that fades.
I keep it for dashboards and finance apps when I want the interface to feel friendly without drifting toward the near-white calm of Pastel Blue. It's great for step indicators, campaign chips, and section headers in health, fintech, and e-commerce flows where you need separation that still stays airy. Pair it with warm creams or softly muted grays to keep the undertone from looking too cool against crisp whites. This is also the one you reach for when you need a purple that doesn't feel icy, and doesn't turn grey when the surrounding palette is too blue.
If you drop it beside very blue purples, it can look slightly "denser" in comparison, so watch how it interacts with other periwinkle-adjacent tones in the same layout.
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.
Similar colors
Create a gradient with Wondrous Wisteria
Open the generator with this color pre-loaded.
Start creating