Legendary Lavender
#9d61d4
Lighter lavender-lilac header tone, cooler than Orion
About Legendary Lavender
Legendary Lavender looks like a soft purple highlight captured under glass. It's lighter than Amethyst and less ink-heavy than Matt Purple, so it reads airy without turning into pale lilac. Compared to Orion Nebula, it has more lavender fog and less screen-lit punch, with a noticeably calmer, slightly cooler undertone.
This is the shade I reach for when you need purple to feel premium in UI, but not loud. Think product detail pages for fashion and beauty, filter chips and focus states in media apps, and the section headers that sit between body text and bolder accents in editorial interfaces. It holds clarity on dark and mid tones, yet its lower intensity keeps it from fighting the rest of the palette.
Pair it with near-black, cool grays, or soft silver neutrals, and you'll keep that calm "lit from within" look. If you drop it next to very warm purples, it can start to look a touch washed out.
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 Legendary Lavender
Open the generator with this color pre-loaded.
Start creating