Naval Adventures
#072688
Cool, saturated naval blue purple for contrast
About Naval Adventures
"Naval Adventures" looks like a deep marine violet on a glossy panel, the kind you notice when a dark header catches light and doesn't turn into flat black. It's cooler than the near-midnight blues, but it keeps a gentler grip than the heavier midnight-field feeling of Deepsea Kraken. Compared to Below the Surface, it doesn't vanish quite as fast; you still get enough saturation to read as a deliberate background choice, not just a shadow.
I reach for this shade when the UI needs that polished, nautical depth for dashboards and finance apps, especially in telecom and media operations where you're balancing blue grids with purple accents. Use it for primary action fills, section headers, and focused cards so the purple undertone stays visible without going brighter and punchy like One Minute to Midnight. It also holds up well for streaming control surfaces where the layout already has strong dark structure.
Pair it with cool grays and clean blues; if you mix in warmer neutrals, the violet can start to look dull at the edges, like it's losing contrast to the surrounding tones.
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.