Sapphire Depth Study

The cool intensity of deep water at midnight, dense and immersive, like looking into polished lapis lazuli.

Colors

~Deepsea Kraken#163FD3
~Deepsea Kraken#0C2EB6
~Silverfish#5172F5
~Bohemian Blue#0022A8
~Space Dust#001775

Tags

Psychology

This monochromatic blue progression creates visual depth through successive darkening, drawing the eye inward while maintaining saturation that prevents flatness. The vivid, cool hues activate the parasympathetic nervous system, evoking stability and trust, yet their bold intensity prevents passivity, striking a balance between authoritative calm and dynamic presence. The moderate contrast between neighboring tones allows for sophisticated layering without jarring transitions, reinforcing a sense of controlled power.

Usage

Deploy in luxury tech interfaces, financial services branding, and premium editorial layouts where depth and sophistication signal credibility. Use for high-end packaging design and corporate environments that require boldness without warmth, leveraging the cool temperature to convey professionalism. The monochromatic structure supports data visualization dashboards and accessibility-focused design where tonal progression aids hierarchy without relying on hue variation.

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,
    #163fd3 0%,
    #0c2eb6 25%,
    #5172f5 50%,
    #0022a8 75%,
    #001775 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #163fd3;
  --color-gradient-2: #0c2eb6;
  --color-gradient-3: #5172f5;
  --color-gradient-4: #0022a8;
  --color-gradient-5: #001775;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #163fd3;
--color-2: #0c2eb6;
--color-3: #5172f5;
--color-4: #0022a8;
--color-5: #001775;
Hex values
#163fd3, #0c2eb6, #5172f5, #0022a8, #001775

Building something? Get this palette via the REST API.

History

Similar palettes

Twilight Alchemy
Jade Hour Glow
Electric Dusk
Midnight Pool Glow
Frosted Meadow
Neon Bloom Dusk
Mineral Spring Dawn
Coastal Porcelain Dawn
Coastal Depths Morning