Slate & Periwinkle
Cool depths emerging into soft light, a moment suspended between twilight and calm water reflection.
Psychology
The progression from deep purple to pale blue leverages cool recessive tones that create psychological distance and contemplation, while the gradual lightening introduces approachability without warmth. Low saturation across all four colors signals restraint and sophistication, lowering cognitive stimulation and fostering introspection. The narrow hue range, anchored in blue-violet harmony, establishes visual coherence that feels resolved rather than restless, evoking trust and professional composure.
Usage
Effective for tech startup branding, editorial magazine layouts, and luxury wellness app interfaces where calm sophistication matters more than visual excitement. The moderate contrast supports legibility without jarring the eye, making it ideal for corporate reports, medical illustration, and data visualization dashboards. Best deployed in projects requiring understated elegance and intellectual rather than emotional resonance.
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,
#5a355e 0%,
#6f76a1 33%,
#7caace 67%,
#b4e3fa 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #5a355e;
--color-gradient-2: #6f76a1;
--color-gradient-3: #7caace;
--color-gradient-4: #b4e3fa;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #5a355e; --color-2: #6f76a1; --color-3: #7caace; --color-4: #b4e3fa;
Hex values
#5a355e, #6f76a1, #7caace, #b4e3fa
Building something? Get this palette via the REST API.
History
Similar palettes
Wisteria Descent
Teal Depths Nocturne
Periwinkle Linen Study
Jade Hour Glow
Electric Dusk
Periwinkle Linen Passage
Electric Fjord
Pastel Lagoon Study
Porcelain Drift