Collection detail

Deep Tide

A palette built from the mid-depth ocean — not the surface shimmer, not the abyssal dark, but the zone of rich, saturated blue-green that holds light without releasing it. The colors are deeply saturated at mid-low lightness, giving them weight and authority without becoming oppressive. The teal entry provides the palette's warmth and life; the cerulean and sapphire entries anchor it in cool authority. This palette is unusually versatile for a dark-leaning scheme: it works on both light and dark UI surfaces, reads as premium in editorial contexts, and carries marine-tech, fintech, and luxury brand associations. Best for products where gravitas and sophistication matter more than approachability.

Use this when blue needs weight and depth rather than clarity and openness. The teal-velvet brings warmth so the palette does not read as cold. Pair with near-white (#f8fafb) on light surfaces or deep charcoal (#111827) on dark ones.

DeepOceanAuthoritative

Why this set works

Dark cerulean, deep teal, and shadowed sapphire tones for brands that need depth, authority, and quiet power without darkness.

Fintech and data products

Marine and environmental organizations

Premium technology brands

Prompt words

deep watermidnight research vesselpressure gaugesonar screentide before storm

Export ready

1. Cerulean Dusk Clear #287686
2. Teal Velvet Soft #479077
3. Azure Shadow Soft #2F4F60
4. Sapphire Dusk Clear #285786
5. Cobalt Nocturne Muted #2A303C

--deep-tide-1: #287686;
--deep-tide-2: #479077;
--deep-tide-3: #2F4F60;
--deep-tide-4: #285786;
--deep-tide-5: #2A303C;

Palette

Each swatch links back to its individual archive detail page.

Back to collections

Cerulean Dusk Clear

#287686

Blue · hsl(190, 54%, 34%)

Teal Velvet Soft

#479077

Teal · hsl(160, 34%, 42%)

Azure Shadow Soft

#2F4F60

Blue · hsl(200, 34%, 28%)

Sapphire Dusk Clear

#285786

Blue · hsl(210, 54%, 34%)

Cobalt Nocturne Muted

#2A303C

Blue · hsl(220, 18%, 20%)

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.

Take this palette further

Ready-made tokens for Deep Tide

Palette packs extend these colors into Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Browse packs Free download

Upgrade path

From one collection to a full pack

This collection proves the taste and color direction. The related packs add more collections, token exports, and usage guidance so the palette can move from reference to implementation.

Layer	What you have here	What the related packs add
Scope	One curated five-color editorial direction.	More collections, broader token coverage, and a fuller working set.
Output	Visual palette, copyable CSS preview, and per-color archive pages.	Downloadable CSS, JSON, Tailwind, and pack-specific asset bundles.
Use case	Direction finding, inspiration, and public proof.	Real project handoff, implementation, and reusable product assets.