Slate Harbor Twilight
Cool depths meeting soft light, like standing at the water's edge during the quiet hours before dawn.
Psychology
The three blues form a monochromatic descent that creates visual calm through harmonic repetition, while the very dark anchor prevents flatness and establishes hierarchy. Cool blue wavelengths naturally recede and soothe the nervous system, a principle reinforced by the moderate contrast that avoids visual jarring. The mixed lightness profile bridges accessibility with sophistication, allowing the palette to feel both grounded and contemplative.
Usage
Works well for luxury tech interfaces, editorial photography layouts, and sophisticated branding systems where trust and calm professionalism matter. Projects requiring subtle depth perception benefit from the monochromatic harmony, which guides viewers without aggressive contrast. The palette suits corporate presentations, minimalist book design, and fine art gallery websites where restraint signals intentionality.
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,
#6a96c7 0%,
#296c9b 50%,
#12191d 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #6a96c7;
--color-gradient-2: #296c9b;
--color-gradient-3: #12191d;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #6a96c7; --color-2: #296c9b; --color-3: #12191d;
Hex values
#6a96c7, #296c9b, #12191d
Building something? Get this palette via the REST API.
History
Similar palettes
Slate Reverie Hour
Snowmelt Lagoon
Deep Water Study
Coastal Linen Study
Porcelain Depth Study
Periwinkle Linen Passage
Mint Aqua Whisper
Frosted Periwinkle Pool
Wisteria Descent
