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
Early Access

Made for the long haul

This wasn't built for a demo. It was built to still make sense a year from now, after a thousand small changes.

Stable Foundations

The core stays steady even as everything built on top of it keeps changing.

Learn more →

Open Integrations

Connect the tools you already use instead of replacing all of them at once.

Learn more →

Predictable Updates

Improvements arrive on a schedule you can actually plan around.

Learn more →

Build something that's still standing next year.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue palettes →

Explore More Palettes