Secret of Mana
#4166f5
Medium lavender-purple for calmer sections, less blue
About Secret of Mana
The first thing I notice with Secret of Mana is how it keeps a bright, game-poster punch without turning into pure blue. It has a purple undertone that shows up on white cards, but it doesn't read as timid. It's more light and lively than the deeper, bluer Serious tones like Epic Blue, and it also feels less primary and more purple-leaning than the "strong-but-clean" blues.
I use it when I want a CTA color that feels playful but still organized. It shows up nicely in SaaS dashboards and creative fintech, especially for step indicators, tabs, and hero buttons on product pages or marketing sites that need one tech-forward anchor. Compared to Bluetiful, it carries less mid-blue authority and more energetic glow. Compared to Bluerocratic, it's gentler and less "enterprise-cold," so it holds attention without looking like an admin-only accent.
One quirk: if your background is too cool, the purple undertone can steal the spotlight. Warm neutrals keep it grounded and help it stay confident instead of flashy.
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.
