Genie
#3e4364
Muted violet with slate coolness for panels
About Genie
Genie looks like a purple you'd spot in the deep end of a studio lighting rig. It's noticeably cooler and clearer than Bonne Nuit, with less of that heavy, muted pull. Compared to Forlorn Cruise, it keeps more purple identity instead of drifting toward gray plum, and it feels more present than Blue Funk's quieter, flatter backdrop.
I use Genie for interface moments that need signal without sinking into navy territory. Think dashboards and finance apps where you want chip backgrounds, link accents, and chart series to read as "related," not "primary." It also works well for icon fills and focus outlines on dense healthcare admin screens, especially when you don't want the steel-lean of Assassin or the extra seriousness Bonne Nuit brings.
Pair it with clean whites or cool neutrals, and it stays crisp. Against warm grays it can start to look dusty, so I'd keep the surrounding neutrals on the cooler side if you want Genie to hold its nerve.
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.