Le Grand Bleu
#244e94
Deeper, cooler violet-blue for high-contrast panels
About Le Grand Bleu
Le Grand Bleu looks like deep ocean dye poured into glossy UI glass. It's richer and slightly more saturated than Nightly Activities, with less of that velvety haze. Compared to Dancing Sea, it keeps more purple depth instead of drifting into an icy blue "wet-glass" clarity. And unlike Cascade Twilight, it doesn't feel chosen and bright-leaning. This one sits heavier and calmer, more plush than punchy, with a cooler undertone that stays controlled.
I use it for dashboards and finance apps where the highlight needs to feel decisive but not aggressive: primary buttons, selected states in BI filters, and top-level navigation accents in telecom and logistics admin. It also works well in media streaming interfaces for channel focus and player chrome, especially when you want the purple to read as the primary highlight without competing with brand photography.
One note: on very light, slightly warm backgrounds it can pull toward indigo, so test against your grays before you lock it in.
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.