Abyss to sea spray — the full tonal range of the open Atlantic
Abyss
#08203A
rgb(8, 32, 58)
Near-black deep ocean — pressure and darkness at depth
Deep Atlantic
#1A3E68
rgb(26, 62, 104)
Dark navy-blue of the cold open ocean surface at dusk
Ocean Blue
#2868A0
rgb(40, 104, 160)
Strong mid-blue — the primary color of the Atlantic in full light
Wave
#5090C8
rgb(80, 144, 200)
Bright wave-crest blue with energy and movement
Sea Spray
#A8CBE8
rgb(168, 203, 232)
Light airy blue of sea spray and overcast sky
Foam
#DCF0FC
rgb(220, 240, 252)
Pale near-white — the leading edge of a wave on shore
The Atlantic Ocean is the second-largest body of water on the planet and has a color profile distinctly different from the warmer, brighter blues of the Mediterranean or the Pacific tropics. The cold northern Atlantic runs dark — a deep, serious blue-navy that intensifies near the surface and barely lightens even in full sun. Atlantic Depths captures that tonal reality across a six-stop scale from near-black abyss through open-ocean mid-blue, energetic wave crest, and finally the pale foam and sea spray where the water disperses into air. It is a palette of depth, motion, and elemental force.
The six-stop range gives designers a complete, self-contained blue system. Abyss and Deep Atlantic provide two distinct dark backgrounds — the former for near-black dark mode applications, the latter for deep navy UI surfaces and editorial headers. Ocean Blue sits at the system's primary action color position, legible on both light and dark backgrounds and strong enough to carry a brand identity on its own. Wave and Sea Spray fill the mid-light range where secondary actions, inactive states, and surface tints typically live, while Foam completes the system as a near-white background tint that still reads as blue.
Sponsors
Atlantic Depths is particularly effective for financial services, maritime, and technology brands where a serious, trustworthy blue conveys stability and depth of expertise. The cool, dark range also suits editorial and publishing contexts — news, long-form journalism, and research publications that use blue as an organizing identity. Unlike the warmer blues common in lifestyle and consumer brands, this palette carries a clear signal of gravity and competence that premium B2B design systems often need.
For web and app design, this palette handles the full stack from dark mode to light mode within a single tonal family. Use Abyss and Deep Atlantic as dark-mode surface colors, Ocean Blue as the primary interactive element, and Foam as the light-mode background with Sea Spray and Wave for cards and containers. This kind of single-family system produces highly cohesive interfaces without requiring any secondary or neutral color system.