Slate Compass North
Calm depths beneath overcast skies, where muted blue tones settle into hushed, contemplative stillness.
Psychology
The three blues work in monochromatic harmony, reducing visual tension while the shift from dark to mid to slightly lighter tones creates subtle depth without high contrast. Cool hues naturally recede and soothe, triggering associations with trust, stability, and introspection rather than stimulation. The low chroma and mid-range lightness prevent the palette from feeling cold or depressing, instead evoking composed professionalism and restful contemplation.
Usage
Ideal for financial services branding, luxury interior design projects, and editorial layouts that prioritize legibility and sophistication over visual drama. The muted, balanced nature suits corporate websites, premium skincare packaging, and meditation app interfaces where calm authority and understated elegance build user confidence. Works especially well in contexts requiring credibility and restraint rather than energy or warmth.
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 50%,
#5685b5 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #306692;
--color-gradient-2: #21344a;
--color-gradient-3: #5685b5;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #306692; --color-2: #21344a; --color-3: #5685b5;
Hex values
#306692, #21344a, #5685b5
Building something? Get this palette via the REST API.
History
Similar palettes
Slate Reverie Hour
Wisteria Descent
Coastal Inlet Calm
Coastal Depths Morning
Snowmelt Lagoon
Deep Water Study
Midnight Pool Glow
Periwinkle Linen Study
Porcelain Depth Study
