Slate & Periwinkle
Deep shadow meets soft luminescence, like starlight filtering through cool glass in absolute stillness.
Psychology
The pairing of pure black with a gentle periwinkle blue creates visual tension that commands attention while the cool hue softens the severity of the dark anchor. Black recedes while the light blue advances, establishing spatial depth that prevents the contrast from feeling harsh. High contrast naturally draws focus, but the blue's moderate saturation and cool temperature signal restraint and contemplation rather than urgency.
Usage
Effective for luxury beauty packaging, minimalist editorial layouts, and tech startup branding where sophistication requires both visual impact and approachability. The palette's high contrast works particularly well in monochromatic designs that need clarity without warmth, such as premium product photography and architectural visualization backgrounds. The soft blue tempers the austerity of black, making it suitable for wellness brand identity and literary magazine covers.
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,
#000000 0%,
#9db7ff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #9db7ff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #9db7ff;
Hex values
#000000, #9db7ff
Building something? Get this palette via the REST API.
History
Similar palettes
Frosted Periwinkle Pool
Wisteria Descent
Deep Water Study
Slate & Honey Hour
Porcelain Depth Study
Slate Reverie Hour
Coastal Depths Morning
Slate Pool Breath
Coastal Linen Study
