We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Marine Depth

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.

OceanDeepTechnical
Why this set works

Dark navy, teal-black, and deep blue tones inspired by the visual register of oceanic depth, marine technology, and high-pressure aquatic environments.

Marine technology and ocean science
Enterprise security and deep tech
Naval and maritime brands
Prompt words
marine technology brand in deep navy and teal-black paletteocean science organization in dark blue and deepwater teal identityenterprise security product in deep ocean blue and dark navy tones
Export ready
1. Cobalt Nocturne Vivid #0D2659
2. Teal Nocturne Vivid #0D5940
3. Cobalt Nocturne Vivid #0D2659
4. Cobalt Shadow Muted #3B4354
5. Teal Shadow Muted #3B544C
--marine-depth-1: #0D2659;
--marine-depth-2: #0D5940;
--marine-depth-3: #0D2659;
--marine-depth-4: #3B4354;
--marine-depth-5: #3B544C;

Free: 0/3 today · unlock unlimited

Dark mode pairs
#0D2659
#C0D1F1
#0D5940
#C0F1E1
#0D2659
#C0D1F1
#3B4354
#BCC1CD
#3B544C
#BCCDC7

Free: 0/3 today · unlock unlimited

WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#0D2659
14.6:1 AAA
1.4:1 Fail
#0D5940
8.3:1 AAA
2.5:1 Fail
#0D2659
14.6:1 AAA
1.4:1 Fail
#3B4354
9.9:1 AAA
2.1:1 Fail
#3B544C
8.2:1 AAA
2.6:1 Fail

Color-on-color pairs:

+
1.8:1 Fail
+
1:1 Fail
+
1.5:1 Fail
+
1.8:1 Fail
+
1.8:1 Fail
+
1.2:1 Fail
+
1:1 Fail
+
1.5:1 Fail
+
1.8:1 Fail
+
1.2:1 Fail

Free: 0/3 today · unlock unlimited

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cobalt Nocturne Vivid
#0D2659
Blue · hsl(220, 74%, 20%)
2
Teal Nocturne Vivid
#0D5940
Teal · hsl(160, 74%, 20%)
3
Cobalt Nocturne Vivid
#0D2659
Blue · hsl(220, 74%, 20%)
4
Cobalt Shadow Muted
#3B4354
Blue · hsl(220, 18%, 28%)
5
Teal Shadow Muted
#3B544C
Teal · hsl(160, 18%, 28%)
Editorial direction

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.

Go further
Unlock Pro
Pro members get unlimited exports, advanced token formats, and priority access to new collections.
Learn about Pro
Take this palette further

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.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

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.

LayerWhat you have hereWhat Pro adds
ScopeOne curated five-color editorial direction.Unlimited access to all collections, broader token coverage, and advanced exports.
OutputVisual palette, copyable CSS preview, and per-color archive pages.Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.