Sapphire Depth
Cool, saturated blue tones layered with subtle depth, evoking the luminous intensity of deep water or twilight sky.
Psychology
This monochromatic blue palette leverages the psychological weight of cool hues, which recede visually and evoke trust, stability, and contemplation. The four closely-valued blues create low contrast harmony, reducing visual noise while maintaining bold saturation, a combination that communicates confidence without aggression. The mid-to-dark lightness range signals depth and substance, anchoring designs with gravitas rather than lightness.
Usage
Ideal for tech product interfaces, luxury brand identity systems, and editorial photography backdrops where calm authority and sophistication are required. The low-contrast, monochromatic structure supports legible typography and hierarchies in SaaS dashboards and corporate websites while the bold saturation prevents flatness in print collateral and packaging design for premium services.
Code
CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
90deg,
#1603dd 0%,
#1111a7 33%,
#0637f2 67%,
#0860f5 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1603dd;
--color-gradient-2: #1111a7;
--color-gradient-3: #0637f2;
--color-gradient-4: #0860f5;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1603dd; --color-2: #1111a7; --color-3: #0637f2; --color-4: #0860f5;
Hex values
#1603dd, #1111a7, #0637f2, #0860f5
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Pool Glow
Jade Hour Glow
Electric Dusk
Teal Depths Nocturne
Coastal Depths Morning
Tidepool Serenity
Wisteria Descent
Twilight Alchemy
Neon Bloom Dusk