Deep ocean draws from the color register of ocean depth rather than ocean surface: not the vivid turquoise of shallow tropical water but the progressively darkening blue-teal of descending depth, the near-black of bathypelagic zones, and the cold, pressure-heavy quality of abyssal environments. The palette is unified by high value depth and cool temperature — each tone sits in the dark-to-very-dark range, with distinctiveness expressed through subtle shifts between blue, teal, and near-neutral gray-blue. Navy-depth-strong opens as the palette's primary deep navy — a rich, cool dark blue that provides the palette's most recognizable and versatile foundation tone. Teal-depth-strong introduces the blue-green register — a very dark teal that reads as oceanic depth with a trace of green-cyan distinguishing it from pure navy. Cobalt-depth-strong deepens toward pure cool dark blue — a tone with slightly more purple-blue character that reads as deepwater at night. Navy-shadow-muted provides a near-neutral dark blue-gray — the palette's most neutral and versatile dark, functioning as the primary text and background color in dark-mode applications. Teal-shadow-muted closes at the deepest point — a very dark teal-gray that approaches black while retaining just enough chromatic identity to maintain the oceanic register.
Deep ocean is the palette for marine technology and ocean science organizations, deep-sea exploration and research programs, premium naval and maritime brands, cybersecurity and enterprise security products where depth and gravity are the emotional register, and editorial and documentary content covering ocean ecosystems and climate. The palette functions exceptionally well in dark-mode interface design where the tonal range provides depth hierarchy without requiring pure black. Photography direction: underwater photography at depth (blue-shifted, low-contrast, diffused light), ocean surface photography under overcast sky at dusk, deep-sea research vessel and ROV equipment photography, atmospheric coastal photography with storm-light conditions, macro photography of water surface abstraction with directional blue lighting. Typography: a clean technical sans (IBM Plex Mono, Roboto Mono, or similar monospace for data contexts; DIN, Aktiv Grotesk for body text) works well in this palette; light-weight type on very dark backgrounds creates strong contrast and a technical precision character.
Dark navy, teal-black, and deep blue tones inspired by the visual register of oceanic depth, marine technology, and high-pressure aquatic environments.
Each swatch links back to its individual archive detail page.
Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.
This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.
Ready-made tokens for Marine Depth
Pro members can export these colors as Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.
This collection proves the taste and color direction. Pro members get advanced token exports, usage guidance, and downloadable assets so the palette can move from reference to implementation.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated five-color editorial direction. | Unlimited access to all collections, broader token coverage, and advanced exports. |
| Output | Visual palette, copyable CSS preview, and per-color archive pages. | Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |