Shredder Lavender

#7737aa

Shredder Lavender: crisp violet lavender, midtone contrast

Save
Share

About Shredder Lavender

On my monitor, Shredder Lavender looks like a clean violet ink laid a touch lighter than the heavier purples around it. It has that blue-leaning calm, but it doesn't go washed or dusty. Compared to , it feels more softly tinted and less balanced-on-the-edge, not that satin marker control. And unlike Orb of Discord, it stays crisp and glassy instead of smoky and held-back.

I use it when the accent needs to read "active" without turning magenta. Think creator platforms and video editorial timelines where you want range markers and clip flags to pop while the rest of the UI stays cool. It also works in dashboards and finance apps for selection states and tag pills when you want a purple that feels composed next to charts, not bruised like night-magentas or too assertive like fuchsia-leaning tones. It's the one you reach for when you need violet energy that won't fight grays.

Pair it with cool off-whites or neutral slate; on warm beige it can start to look slightly clinical.

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
7.21:1AAA

On Gray 100 #f5f5f5

Aa
6.62:1AAAAA Large

On Gray 900 #18181b

Aa
2.46:1Fail

On Black #000000

Aa
2.91:1Fail

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.

Create a gradient with Shredder Lavender

Open the generator with this color pre-loaded.

Start creating