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.
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.
Deep cerulean, sapphire, and cobalt tones at shadow and velvet lightness — for enterprise tech, analytics, and corporate digital products.
Each swatch links back to its individual archive detail page.
Ready-made tokens for Cerulean 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. |