Lusty Lavender
#8d5eb7
Light, cool lavender purple for calm UI sections
About Lusty Lavender
Lusty Lavender looks like purple that's been softened by light, not dulled by dust. Compared to Amethyst's more even, "actually purple" punch, this one reads lighter and gentler, with a sweeter, slightly pink-leaning undertone. And unlike Crown Jewels, it doesn't flare warm and showy. It stays cool enough to feel composed, closer to a creamy lavender haze than a jewel tone.
I use it when the design needs purple presence without the weight of deeper family members like Lavish Spending. It's great for marketing landing pages, streaming and gaming UI panels, and onboarding flows where accents need to feel playful but still intentional. In dashboards and finance apps, it works as a highlight color that doesn't look like it's borrowing warmth from the palette. The one you reach for when you want soft focus purple over darker surfaces.
Pair it with crisp charcoal text and cool off-whites for contrast. If you drop it next to richer violets, it can look a touch washed, so give it breathing room.
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.