ColorSwatches.org

Deep Ocean Drift

Deep Ocean Drift
Abyssal Navy
#0A1F3C
rgb(10, 31, 60)
A near-black blue that suggests the crushing dark of the deepest ocean trenches.
Midnight Current
#123A5E
rgb(18, 58, 94)
A rich, muted blue like a slow current moving unseen beneath the surface.
Deep Water Blue
#1F5C8A
rgb(31, 92, 138)
A confident mid-tone blue evoking open water lit faintly from above.
Drifting Foam
#7FB3D5
rgb(127, 179, 213)
A soft, airy blue reminiscent of sea foam catching the first light of dawn.

Deep Ocean Drift builds its identity around depth and gradual transformation, moving from an almost impenetrable navy to a breath of pale, sunlit blue. This kind of tonal journey mirrors the physical experience of descending into or rising out of open water, where color itself becomes a measure of distance and pressure. Psychologically, the palette leans into feelings of calm introspection, vastness, and quiet resilience rather than urgency or excitement. It rewards slow viewing, revealing subtle shifts in saturation and warmth the longer you sit with it. The overall effect is meditative, evoking trust, stability, and the steady rhythm of tides.

Sponsors

Brands seeking to communicate depth of expertise, environmental stewardship, or premium calm will find this palette especially versatile. It suits marine and conservation organizations, wellness and meditation apps, and financial or tech brands wanting to project trustworthy stability without feeling cold or corporate. The darkest navy works well as an anchor for hero sections and backgrounds, while the lighter foam tone offers a natural accent for calls to action or highlighted text. Together the four colors can carry an entire brand system—from packaging to digital interfaces—without needing to introduce outside hues.

In practice, designers can use Abyssal Navy and Midnight Current as dominant background or typography colors to establish visual weight and gravity, reserving Deep Water Blue for secondary UI elements like buttons, links, or dividers. Drifting Foam works best in small doses—icons, highlights, or subtle gradients—where its lightness can create contrast and guide the eye without disrupting the palette's overall depth. Because all four colors share the same blue hue family with shifting saturation and lightness, they blend seamlessly into gradients, making this palette especially strong for backgrounds, data visualizations, or immersive full-bleed imagery on web and app interfaces.

Web UI Preview

example.com
Palette Co Products About
Now Available

Clarity, delivered daily

Somewhere between a sketchbook and a spreadsheet sits the tool you actually reach for. This is that tool, tuned for momentum.

Effortless Setup

Answer three questions and the rest configures itself while you get coffee.

Learn more →

Always in Sync

Every teammate sees the same board, updated the moment anything changes.

Learn more →

Room to Grow

Add a hundred more projects tomorrow without touching a single setting.

Learn more →

Your next project deserves a better starting point.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue palettes →

Explore More Palettes