Magento
#bf3cff
Mid-bright violet magenta tint for assertive highlights
About Magento
You'll feel Magento as a bright magenta-purple the second you drop it into a mock. It's not the deep, blue-leaning seriousness of Cosmic Heart, and it's not the grape candy punch of Candy Grape Fizz. This one lands more saturated and more energetic, with a slightly warmer undertone that keeps it from slipping toward cool mauve.
I use it for UI moments where you want emphasis without going neon: dashboards and finance apps badges, step indicators, and selected-state highlights that need to read clearly against dark or neutral surfaces. In media apps, it works for channel tiles, preview controls, and motion accents where you want a confident purple that doesn't go gray. It also pairs nicely with near-white text and soft lavender grays, staying readable while still looking intentional.
Compared to Illicit Purple, Magento is brighter and more punchy, so it can feel a little louder. If you're pairing it with other high-chroma colors, give it some room so it doesn't turn into visual noise.
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.