Coastal Inlet Calm
Soft light filtering through cool water, balancing depth with luminous clarity and gentle shadow.
Psychology
The analogous blue harmony creates visual coherence and stability, with lighter tints receding into the background while mid-tone teals provide anchoring depth. The palette's low saturation and high lightness evoke tranquility and trust rather than urgency, triggering parasympathetic responses associated with open water and clear skies. Together, these cool hues establish spatial recession and breathing room, making the palette feel expansive yet composed.
Usage
Ideal for luxury spa branding, editorial layouts with generous whitespace, and coastal hospitality websites where calm sophistication is essential. Projects requiring moderate contrast without drama benefit from this palette, such as tech startup interfaces, minimalist packaging design, and wellness app aesthetics. The light, airy quality supports extended viewing without visual fatigue in digital products and print collateral aimed at professional audiences.
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,
#a1c3ed 0%,
#267388 25%,
#609bd0 50%,
#2f84af 75%,
#a8e3fa 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #a1c3ed;
--color-gradient-2: #267388;
--color-gradient-3: #609bd0;
--color-gradient-4: #2f84af;
--color-gradient-5: #a8e3fa;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #a1c3ed; --color-2: #267388; --color-3: #609bd0; --color-4: #2f84af; --color-5: #a8e3fa;
Hex values
#a1c3ed, #267388, #609bd0, #2f84af, #a8e3fa
Building something? Get this palette via the REST API.
History
Similar palettes
Periwinkle Linen Study
Mineral Spring Dawn
Coastal Porcelain Dawn
Coastal Depths Morning
Jade Hour Glow
Slate Pool Breath
Shallow Waters
Coastal Linen Study
Misty Lagoon Hour