Wisteria Blue

#84a2d4

Lighter, cooler wisteria periwinkle for airy panels

Save
Share

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 and , it keeps its lavender undertone without drifting into a soft gray-mist. It also doesn't warm up the way 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.

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
2.59:1Fail

On Gray 100 #f5f5f5

Aa
2.38:1Fail

On Gray 900 #18181b

Aa
6.83:1AAAAA Large

On Black #000000

Aa
8.10:1AAA

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

#8fa0d5
#7aa3cc
#84a7ce
#85a6c8
#7dabd8
#91a8cf
#88ace0

Create a gradient with Wisteria Blue

Open the generator with this color pre-loaded.

Start creating