Mangrove Shallow Drift
Cool greens emerging from deep blue waters, like morning light filtering through coastal wetland canopies.
Psychology
The progression from muted blue-teal to pale mint creates visual depth while low saturation throughout maintains calm and restraint. Cool hues throughout evoke natural trust and renewal, while the mixed lightness profile prevents monotony, drawing the eye through a grounded, non-aggressive color journey. This combination of cool temperature with moderate contrast signals accessibility and tranquility without feeling sterile.
Usage
Ideal for botanical branding, eco-friendly packaging, and wellness app interfaces where trust and natural authority matter. The soft lightness range suits editorial layouts, interior accent walls, and sustainable fashion lookbooks that need sophistication without aggression. The palette's cool harmony and restrained contrast work especially well in projects targeting contemplative, nature-conscious 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,
#1a576b 0%,
#40807c 25%,
#68a084 50%,
#a8d0a5 75%,
#d8efcd 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1a576b;
--color-gradient-2: #40807c;
--color-gradient-3: #68a084;
--color-gradient-4: #a8d0a5;
--color-gradient-5: #d8efcd;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1a576b; --color-2: #40807c; --color-3: #68a084; --color-4: #a8d0a5; --color-5: #d8efcd;
Hex values
#1a576b, #40807c, #68a084, #a8d0a5, #d8efcd
Building something? Get this palette via the REST API.
History
Similar palettes
Shallow Waters
Misty Lagoon Hour
Jade Hour Glow
Frosted Lavender Drift
Periwinkle Linen Study
Moss Shallow Study
Mineral Spring Dawn
Celadon Reverie
Neon Bloom Dusk
