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
New Release

Design with intention

Every pixel finds its purpose when the palette leads the way. Explore a workspace built around clarity, rhythm, and quiet confidence.

Intuitive Design

Panels arrange themselves around how you actually work, not the other way around.

Learn more →

Fast & Reliable

Changes land instantly, and nothing you build here ever quietly disappears.

Learn more →

Built to Scale

Start with a single page and grow into a workspace built for whole teams.

Learn more →

Ready to build something beautiful? Start for free today.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Blue palettes →

Explore More Palettes