Mangrove Mirror
Soft teal depths meeting pale sky light, the quiet moment when water reflects overcast air.
Psychology
The analogous teal-to-blue progression creates visual continuity without tension, while the shift from dark to very light values establishes spatial depth without harsh contrast. Low saturation across all three tones signals restraint and contemplation, inviting prolonged viewing rather than immediate reaction. Cool temperature combined with muted chroma produces a recessive, introspective quality that grounds rather than stimulates.
Usage
Ideal for calm editorial layouts, luxury wellness packaging, and corporate identity systems where understated sophistication matters more than visual punch. Hospitality branding for spas and boutique hotels, interior design mood boards for bedrooms and meditation spaces, and fine art book covers all benefit from the palette's moderate contrast and serene atmospheric quality. The mixed lightness supports hierarchy in layouts while the cool harmony maintains cohesion across touchpoints.
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,
#30615c 0%,
#66929f 50%,
#b7dcf3 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #30615c;
--color-gradient-2: #66929f;
--color-gradient-3: #b7dcf3;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #30615c; --color-2: #66929f; --color-3: #b7dcf3;
Hex values
#30615c, #66929f, #b7dcf3
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Midnight Pool Glow
Teal Depths Nocturne
Pastel Lagoon Study
Coastal Inlet Calm
Coastal Depths Morning
Shallow Waters
Mineral Spring Dawn
Periwinkle Linen Study