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.

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

Cerulean Depth

A palette drawn from the deep register of the blue-to-teal spectrum: the zone below the midpoint where blues become authoritative rather than playful, and where the color communicates stability, precision, and considered intelligence. The cobalt-dusk-clear is the palette's most saturated entry — a vivid deep cobalt that reads as active and capable without the aggression of a pure electric blue. The cerulean-shadow-clear provides a darker, more receded tone for large surfaces and backgrounds in dark-mode contexts. The azure-velvet-soft bridges the gap to a slightly warmer register, preventing the palette from reading as cold. The sapphire-nocturne-muted is the deepest entry: near-navy, capable of serving as a near-black alternative in contexts where pure black feels too harsh. The teal-shadow-soft adds a slight green note as a secondary accent, preventing full monochromatism. This palette works for: enterprise software, analytics dashboards, financial data platforms, corporate digital products that need authority without the warmth of consumer brand palettes.

Use when blue needs to communicate authority and intelligence rather than friendliness or energy. The depth in this palette comes from low lightness, not high saturation — a restraint that distinguishes it from the vivid tech palettes of consumer apps. Pair with pure white or very light off-white type rather than warm or tinted whites. Works equally well in light and dark interface contexts.

DeepCorporateAuthoritative
Why this set works

Deep cerulean, sapphire, and cobalt tones at shadow and velvet lightness — for enterprise tech, analytics, and corporate digital products.

Enterprise software and analytics
Financial data platforms
Corporate digital products
Prompt words
depth sonar displaylate-night research stationpressure-resistant instrument casingdeep ocean chartenterprise data terminal
Export ready
1. Cobalt Dusk Clear #284786
2. Cerulean Shadow Clear #21616E
3. Azure Velvet Soft #477790
4. Sapphire Nocturne Muted #2A333C
5. Teal Shadow Soft #2F604F
--cerulean-depth-1: #284786;
--cerulean-depth-2: #21616E;
--cerulean-depth-3: #477790;
--cerulean-depth-4: #2A333C;
--cerulean-depth-5: #2F604F;

3/3 free exports remaining today

Dark mode pairs
#284786
#6686C6
#21616E
#A9D6DF
#477790
#93B2C3
#2A333C
#D3D9DF
#2F604F
#B3D5C9

3/3 free exports remaining today

WCAG contrast audit

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

#284786
9:1 AAA
2.3:1 Fail
#21616E
7:1 AAA
3:1 AA Large
#477790
4.9:1 AA
4.3:1 AA Large
#2A333C
12.8:1 AAA
1.6:1 Fail
#2F604F
7.2:1 AAA
2.9:1 Fail

Color-on-color pairs:

+
1.3:1 Fail
+
1.8:1 Fail
+
1.4:1 Fail
+
1.2:1 Fail
+
1.4:1 Fail
+
1.8:1 Fail
+
1:1 Fail
+
2.6:1 Fail
+
1.5:1 Fail
+
1.8:1 Fail

3/3 free exports remaining today

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cobalt Dusk Clear
#284786
Blue · hsl(220, 54%, 34%)
2
Cerulean Shadow Clear
#21616E
Blue · hsl(190, 54%, 28%)
3
Azure Velvet Soft
#477790
Blue · hsl(200, 34%, 42%)
4
Sapphire Nocturne Muted
#2A333C
Blue · hsl(210, 18%, 20%)
5
Teal Shadow Soft
#2F604F
Teal · hsl(160, 34%, 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 Cerulean 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.
Related guides
OKLCH Color Space: The Developer's Guide to Perceptually Uniform Color
OKLCH is a perceptually uniform color space designed for digital design and CSS that solves several fundamental problems with sRGB, HSL, and older color models. Developed by Björn Ottosson in 2020, OKLCH builds on OKLab (an improved version of the CIELAB color space) to provide three human-perceptible axes — Lightness, Chroma, and Hue — where equal numerical distances correspond to equal perceived color differences. For designers and developers building color systems, OKLCH offers unprecedented control over color ramps, gradients, and palette generation.
Monochromatic Color Palettes: How to Build Depth from a Single Hue
Monochromatic palettes are the most sophisticated and most misunderstood approach in color design. When done well, they create instant brand recognition and visual cohesion that multi-hue palettes can't match. This guide covers the three variables that make monochromatic palettes work — lightness, saturation, and temperature shift — and shows how to build an 11-step scale with enough contrast for accessibility, the right saturation curve to avoid flatness, and the subtle temperature arc that makes great monochromatic palettes feel alive rather than sterile.