Naval Adventures

#072688

Cool, saturated naval blue purple for contrast

Save
Share

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- blues, but it keeps a gentler grip than the heavier -field feeling of . 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 . 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
12.79:1AAA

On Gray 100 #f5f5f5

Aa
11.73:1AAA

On Gray 900 #18181b

Aa
1.39:1Fail

On Black #000000

Aa
1.64:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Naval Adventures

Open the generator with this color pre-loaded.

Start creating