Mangrove Depths

Cool depths rising to luminous green, like filtered light through dense forest canopy and still water.

Colors

~Botanical Night#173F36
~Tropical Forest#1D4D42
~Seaborn#8FBFAE
~Succulent Lime#CFE376
~Coco’s Black#161E1C

Psychology

The analogous harmony of dark teals and lime creates visual flow without jarring transitions, promoting calm focus while the high contrast between shadows and bright lime generates subtle energy and attention. Deep, desaturated teal tones recede visually, establishing depth, while the high-value lime accent advances, creating dimensional hierarchy that feels grounded rather than chaotic. This combination of low-chroma darks and a single bright accent suggests sophistication and intentionality, evoking trust and natural stability.

Usage

Apply to eco-conscious packaging for botanical products, editorial layouts blending environmental storytelling with modern typography, and interior branding for wellness spaces and sustainable design studios. The high contrast and cool temperature suit projects requiring legibility and calm authority, from luxury skincare labels to nature-focused nonprofit communications. The palette's balanced lightness distribution works exceptionally well for digital interfaces and print collateral where visual rest and focal points must coexist.

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,
    #173f36 0%,
    #1d4d42 25%,
    #8fbfae 50%,
    #cfe376 75%,
    #161e1c 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #173f36;
  --color-gradient-2: #1d4d42;
  --color-gradient-3: #8fbfae;
  --color-gradient-4: #cfe376;
  --color-gradient-5: #161e1c;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #173f36;
--color-2: #1d4d42;
--color-3: #8fbfae;
--color-4: #cfe376;
--color-5: #161e1c;
Hex values
#173f36, #1d4d42, #8fbfae, #cfe376, #161e1c

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
Shallow Waters
Pastel Lagoon Study
Celadon Meadow Rest
Celadon Reverie