Coastal Depths Morning
Cool water and soft stone meet pale linen, evoking a quiet harbor at dawn where mist lingers over calm depths.
Psychology
The palette's monochromatic blue harmony creates visual cohesion while the muted mid-tones prevent visual fatigue, fostering a sense of restful focus. The light cream anchor grounds the cooler blues, which naturally recede, allowing complex compositions without overwhelming viewers. This balance of cool saturation and soft lightness triggers associations with depth and tranquility rather than coldness.
Usage
Well-suited for minimalist tech branding, luxury spa websites, and editorial photography that requires sophisticated restraint without dramatic contrast. The mixed lightness profile allows layering text and imagery without compromising legibility, making it effective for professional services packaging and healthcare app interfaces. The moderate contrast level suits projects prioritizing calm engagement 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,
#f0dfdc 0%,
#6ec4dd 14%,
#5c85a2 29%,
#95d1f3 43%,
#65b5db 57%,
#40a0b3 71%,
#4d97b5 86%,
#396e7e 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #f0dfdc;
--color-gradient-2: #6ec4dd;
--color-gradient-3: #5c85a2;
--color-gradient-4: #95d1f3;
--color-gradient-5: #65b5db;
--color-gradient-6: #40a0b3;
--color-gradient-7: #4d97b5;
--color-gradient-8: #396e7e;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #f0dfdc; --color-2: #6ec4dd; --color-3: #5c85a2; --color-4: #95d1f3; --color-5: #65b5db; --color-6: #40a0b3; --color-7: #4d97b5; --color-8: #396e7e;
Hex values
#f0dfdc, #6ec4dd, #5c85a2, #95d1f3, #65b5db, #40a0b3, #4d97b5, #396e7e
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Porcelain Dawn
Slate Pool Breath
Mineral Spring Dawn
Midnight Pool Glow
Jade Hour Glow
Shallow Waters
Coastal Linen Study
Periwinkle Linen Study
Misty Lagoon Hour
