Deep Harbor Morning
A cool, layered depth that evokes calm water depths and polished stone surfaces under soft, even light.
Psychology
The monochromatic blue progression creates visual rhythm while maintaining low chromatic intensity, signaling tranquility and composure across a range from deep to light tones. Cool hues naturally recede, and the muted saturation throughout suppresses emotional arousal, fostering focus and contemplation. This restraint reads as mature and trustworthy, anchored by darker anchors that prevent the palette from feeling insubstantial or cold.
Usage
Ideal for corporate identity systems, editorial layouts, and professional service branding where calm authority and sophistication are priorities. The moderate contrast supports readability in web interfaces and print collateral without creating visual tension, while the cool temperature suits luxury packaging, gallery installations, and architectural visualization where understated elegance dominates.
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,
#27425f 0%,
#34628c 25%,
#5d839d 50%,
#6fa3d8 75%,
#a1c5ea 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #27425f;
--color-gradient-2: #34628c;
--color-gradient-3: #5d839d;
--color-gradient-4: #6fa3d8;
--color-gradient-5: #a1c5ea;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #27425f; --color-2: #34628c; --color-3: #5d839d; --color-4: #6fa3d8; --color-5: #a1c5ea;
Hex values
#27425f, #34628c, #5d839d, #6fa3d8, #a1c5ea
Building something? Get this palette via the REST API.
History
Similar palettes
Teal Depths Nocturne
Wisteria Descent
Coastal Linen Study
Slate Reverie Hour
Coastal Porcelain Dawn
Coastal Inlet Calm
Coastal Depths Morning
Tidepool Serenity
Fjord Depth Rise