Mangrove Shallows
Cool, muted greens layered like shallow water meeting ancient forest floor, soft and grounded.
Psychology
The progression from light teal to deep forest green creates visual depth without jarring contrast, evoking the psychological safety of enclosed natural spaces. Cool hues throughout reduce visual stimulation and promote tranquility, while the analogous harmony eliminates tension between neighboring tones. Low saturation across all five colors signals restraint and thoughtfulness, encouraging focus rather than excitement.
Usage
Ideal for spa and wellness branding, sustainable product packaging, and nature editorial layouts where calm sophistication matters. Projects requiring moderate contrast benefit from this palette's ability to guide the eye without overwhelming, making it effective for interior design mood boards and botanical illustration work. The mixed lightness profile works well in digital interfaces where hierarchy is built through tone rather than shock value.
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,
#6dc8cb 0%,
#68a296 25%,
#3d7c64 50%,
#275e3e 75%,
#1b2f17 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #6dc8cb;
--color-gradient-2: #68a296;
--color-gradient-3: #3d7c64;
--color-gradient-4: #275e3e;
--color-gradient-5: #1b2f17;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #6dc8cb; --color-2: #68a296; --color-3: #3d7c64; --color-4: #275e3e; --color-5: #1b2f17;
Hex values
#6dc8cb, #68a296, #3d7c64, #275e3e, #1b2f17
Building something? Get this palette via the REST API.
History
Similar palettes
Moss Shallow Study
Fjord Depth Rise
Peat & Tidepool
Sage Garden Noon
Grain & Lagoon
Tidepool Reverie
Shallow Waters
Pastel Lagoon Study
Celadon Meadow Rest