North Atlantic

#5e7b7f

Save

About North Atlantic

North Atlantic lands like the color of a seawall at dusk, where the sky's blue is still there but the water has stopped moving. It's more present than Arctic, with a steadier tone that doesn't disappear on light surfaces. Compared to Paradiso, it feels less "calibrated teal-blue" and more ocean-deep without going heavy or gray-dull.

In UI, I like it for dash backgrounds and nav states in products that need a confident blue that stays readable over dense content. It sits well for dashboards and finance apps, especially when Hydro would look too watered down and Arctic would feel too background. In healthcare portals and logistics platforms, it gives a clean selected-state and link affordance that still feels calm. The undertone is cooler and slightly more muted than Paradiso, so it won't pull green when your hierarchy shifts.

Pair it with warm off-whites or soft sand grays, otherwise it can start to feel a touch chilly next to warmer blues.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with North Atlantic

Open the generator with this color pre-loaded.

Start creating