Deep Blue
#040273
Dense navy-violet for high-contrast base layers
About Deep Blue
The first thing I notice about Deep Blue is how it stays purple without going ink-black. It's a deep, saturated shade that doesn't vanish into the background like Alone in the Dark, and it doesn't feel as bruised or stormy as Dying Storm Blue. Versus Insomniac Blue, it reads a touch cooler and more deliberate, with a steadier density instead of that slightly brighter violet push.
I use it when a dark UI needs a cool-toned accent that still looks like color, not haze. Think dashboards and fintech apps where you want a primary highlight, active tab, or emphasized chart series to hold form against charcoal panels. In medical and industrial SaaS, it works for key callouts and focused controls that must look controlled, not glowing. Pair it with near-black, cool grays, and crisp slate neutrals so the purple side stays recognizable.
Quirk: it can feel a bit "heavy" next to lighter purples, so scale back neighboring accents if the page starts to look crowded.
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.