No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.
Marine depth 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 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. Cobalt Nocturne Vivid opens as the palette's primary deep navy — a rich, saturated dark blue that provides the palette's most recognizable and versatile foundation tone. Teal Nocturne Vivid introduces the blue-green register — a very dark teal that reads as oceanic depth, with a clear trace of green distinguishing it from pure navy. Sapphire Ink Clear is the deepest point — a near-black blue that reads as deepwater at night. Cobalt Shadow Muted provides a near-neutral dark blue-gray — the palette's most versatile dark, functioning as a surface color in dark-mode applications. Teal Shadow Muted closes with its teal counterpart — a dark teal-gray that keeps the oceanic register in secondary surfaces and borders.
Marine depth 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.
Ready-made tokens for Marine Depth
Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.
This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 5 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in. | No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |