Neon Violet
#674876
Neon purple for high-contrast, cooler interface accents
About Neon Violet
Neon Violet reads like a magenta-leaning purple that's been pushed a little brighter, not darkened into night mode. Compared with In the Vines, it doesn't carry that grounded vine-dust weight. Compared with Drifting Violet, it feels less muted and more electric in its undertone. And next to Lords of the Night, it stays lighter and sharper, so it won't clamp down on the UI the way that deeper, warmer shade can.
I reach for Neon Violet on hover states and active accents where you want the purple to announce itself against cool grays and off-whites without going mulberry-heavy. It's great in music apps for playhead marks and selected controls, and it holds up in creator dashboards and media platforms as a mid-to-strong highlight for chips, section transitions, and focus rings.
Quirk: on very pale surfaces it can feel more forward than the other purples, so I usually give it room with neutral spacing or pair it with a darker purple for hierarchy.
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.
