Mangrove Stillness
Soft, layered teals evoking calm tidewater depths, mist over cool stone, and the quiet before dawn.
Psychology
The analogous teal-to-blue progression creates a cohesive, receding visual field that promotes calm without monotony, as cooler hues naturally draw inward and lower arousal. Low saturation across all five colors signals restraint and sophistication, allowing the subtle shifts in value to communicate depth rather than stimulation. This combination activates parasympathetic responses typical of cool, muted palettes, making it restorative for extended viewing.
Usage
Ideal for luxury spa and wellness branding, coastal hospitality design, and sustainable lifestyle packaging where moderate contrast supports readability without jarring the viewer. Works particularly well in editorial layouts, architectural visualization, and premium fabric collections that benefit from the palette's soft, contemplative character. The mid-range lightness ensures strong legibility on both light and dark backgrounds while maintaining the serene, understated mood.
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,
#20534b 0%,
#3e706d 25%,
#4c8890 50%,
#6ea1ad 75%,
#96c1d4 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #20534b;
--color-gradient-2: #3e706d;
--color-gradient-3: #4c8890;
--color-gradient-4: #6ea1ad;
--color-gradient-5: #96c1d4;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #20534b; --color-2: #3e706d; --color-3: #4c8890; --color-4: #6ea1ad; --color-5: #96c1d4;
Hex values
#20534b, #3e706d, #4c8890, #6ea1ad, #96c1d4
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Periwinkle Linen Study
Teal Depths Nocturne
Coastal Inlet Calm
Shallow Waters
Coastal Porcelain Dawn
Pastel Lagoon Study
Coastal Depths Morning
Slate Pool Breath