Strata & Starlight
Cool depths grounded by luminous air, where ink-dark water meets soft, untouched linen in sharp contrast.
Psychology
The two blues form a cool monochromatic anchor that recedes visually, creating depth and focus, while the near-white salt elevates contrast dramatically, drawing the eye and preventing visual flatness. This sharp chromatic distance triggers alertness without warmth, evoking trust and clarity, a hallmark of high-contrast cool palettes in color theory.
The moderate saturation of both blues prevents harshness, maintaining composure and refinement despite the intensity of the tonal split. Together, they suggest sophistication through restraint rather than spectacle.
The moderate saturation of both blues prevents harshness, maintaining composure and refinement despite the intensity of the tonal split. Together, they suggest sophistication through restraint rather than spectacle.
Usage
Deploy in luxury tech branding, minimalist book covers, or high-end financial services design where precision and trust matter. The high contrast excels in editorial layouts and web interfaces requiring clear hierarchy and legibility without warmth.
Textile and stationery design benefit from the palette's ability to suggest premium restraint, while architectural visualization uses the monochromatic cool tones to evoke calm, structured space.
Textile and stationery design benefit from the palette's ability to suggest premium restraint, while architectural visualization uses the monochromatic cool tones to evoke calm, structured space.
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,
#00195a 0%,
#3b73b2 50%,
#edeee9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #00195a;
--color-gradient-2: #3b73b2;
--color-gradient-3: #edeee9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #00195a; --color-2: #3b73b2; --color-3: #edeee9;
Hex values
#00195a, #3b73b2, #edeee9
Building something? Get this palette via the REST API.
History
Similar palettes
Porcelain Depth Study
Slate Reverie Hour
Wisteria Descent
Midnight Pool Glow
Teal Depths Nocturne
Frosted Periwinkle Pool
Coastal Depths Morning
Snowmelt Lagoon
Tidepool Serenity