Slate Harbor Twilight
Cool shadows deepening across still water, where soft light catches frosted glass and worn stone.
Psychology
The analogous blue-to-purple progression creates visual cohesion while the high contrast between dark anchors and light accents establishes visual hierarchy without aggression. Low chromatic saturation across all five colors signals tranquility and restraint, invoking contemplation rather than urgency. Cool hues naturally recede and encourage introspection, making this palette psychologically associated with depth, sophistication, and calm focus.
Usage
This palette excels in luxury editorial layouts, minimalist spa branding, and architectural visualization materials where soft contrast and cool sophistication are essential. Museum catalogs, premium tech interfaces, and upscale menswear packaging benefit from its ability to convey elegance without visual noise. The muted, analogous character works particularly well for projects requiring depth and credibility over immediate visual impact.
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,
#10323f 0%,
#3f5669 25%,
#577591 50%,
#8898c7 75%,
#bec1de 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #10323f;
--color-gradient-2: #3f5669;
--color-gradient-3: #577591;
--color-gradient-4: #8898c7;
--color-gradient-5: #bec1de;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #10323f; --color-2: #3f5669; --color-3: #577591; --color-4: #8898c7; --color-5: #bec1de;
Hex values
#10323f, #3f5669, #577591, #8898c7, #bec1de
Building something? Get this palette via the REST API.
History
Similar palettes
Wisteria Descent
Teal Depths Nocturne
Periwinkle Linen Study
Pastel Lagoon Study
Silk Hour Reverie
Dusk Linen Study
Periwinkle Linen Passage
Porcelain Drift
Twilight Alchemy