Slate & Starlight
Cool, muted depths punctuated by soft light, like linen freshly pressed in a shadowed room at first light.
Psychology
The monochromatic blue progression from deep navy through mid-tone slate creates a receding sense of depth and stillness, while the jump to nearly white at the end provides a moment of breath and contrast that prevents visual monotony. Low saturation across all blues signals restraint and composure, evoking spaces of contemplation rather than agitation. The high contrast between darkest and lightest tones draws the eye through the palette deliberately, establishing hierarchy without harshness.
Usage
Ideal for minimalist interior design schemes, editorial typography layouts, and luxury skincare branding where sophistication and calm are priorities. Projects requiring a professional, introspective mood benefit from the cool temperature and soft restraint. This palette excels in packaging design, web interfaces, and print collateral that communicate trust, clarity, and understated elegance.
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,
#0d1b2a 0%,
#1b263b 25%,
#415a77 50%,
#778da9 75%,
#e0e1dd 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0d1b2a;
--color-gradient-2: #1b263b;
--color-gradient-3: #415a77;
--color-gradient-4: #778da9;
--color-gradient-5: #e0e1dd;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0d1b2a; --color-2: #1b263b; --color-3: #415a77; --color-4: #778da9; --color-5: #e0e1dd;
Hex values
#0d1b2a, #1b263b, #415a77, #778da9, #e0e1dd
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Deep Water Study
Slate Reverie Hour
Frosted Inlet Stillness
Skylight Linen Pool
Wisteria Descent
Periwinkle Linen Study
Periwinkle Linen Passage
Coastal Inlet Calm