Slate Nocturne Study
Cool, layered depths unfold like a moonlit library, where shadows hold weight and silence feels tangible.
Psychology
The monochromatic blue family, ranging from mid to very dark saturation, creates visual depth without jarring shifts, allowing the eye to rest while maintaining structural clarity. Cool hues are known to recede and promote contemplation, while the moderate contrast between tones prevents the palette from feeling flat or emotionally distant. Together, these blues evoke focus and intellectual calm rather than anxiety, making the scheme suitable for environments demanding sustained attention.
Usage
Apply to luxury publishing identities, corporate intranets and dashboards, and high-end hospitality materials where sophistication and calm clarity matter equally. The palette's balanced lightness range and cool temperature support both print editorial layouts and digital interfaces without requiring additional neutrals. Projects benefiting from gentle hierarchy and restrained elegance, rather than bold contrast or warmth, unlock this palette's full potential.
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,
#306692 0%,
#21344a 33%,
#5685b5 67%,
#0a182e 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #306692;
--color-gradient-2: #21344a;
--color-gradient-3: #5685b5;
--color-gradient-4: #0a182e;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #306692; --color-2: #21344a; --color-3: #5685b5; --color-4: #0a182e;
Hex values
#306692, #21344a, #5685b5, #0a182e
Building something? Get this palette via the REST API.
History
Similar palettes
Slate Reverie Hour
Wisteria Descent
Deep Water Study
Coastal Inlet Calm
Coastal Depths Morning
Coastal Linen Study
Indigo Hour Study
Periwinkle Linen Study
Porcelain Depth Study
