Mangrove Twilight

Cool, layered teals that evoke still water catching soft light, grounded yet luminous.

Open in generator

Colors

~Tropical Forest#144943

~Aqua Obscura#216A68

~Highlands#308E89

~Verdigris#3FB3B1

~Jazzy Jade#4EDCC5

Psychology

The monochromatic teal progression creates visual coherence while the shift from dark to light establishes gentle depth without jarring contrast. Cool hues naturally recede and promote calm, while the moderate saturation prevents the palette from feeling cold or clinical, instead evoking tranquility and balance.
The mid-range values ensure legibility and prevent fatigue, making this family suitable for extended viewing or immersive environments.

Usage

Wellness app interfaces, spa and hospitality branding, and editorial photography benefit from this palette's serene, professional character. Sustainable product packaging, interior accent walls, and textile collections leverage the organic, nature-inspired progression to signal authenticity and restraint.
Projects requiring calm energy without visual stagnation thrive with these layered teals, which read as sophisticated rather than corporate.

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,
    #144943 0%,
    #216a68 25%,
    #308e89 50%,
    #3fb3b1 75%,
    #4edcc5 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #144943;
  --color-gradient-2: #216a68;
  --color-gradient-3: #308e89;
  --color-gradient-4: #3fb3b1;
  --color-gradient-5: #4edcc5;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #144943;
--color-2: #216a68;
--color-3: #308e89;
--color-4: #3fb3b1;
--color-5: #4edcc5;

Hex values

#144943, #216a68, #308e89, #3fb3b1, #4edcc5

Building something? Get this palette via the REST API.

History

Similar palettes

Moss Shallow Study

Peat & Tidepool

Celadon Threshold

Coastal Linen Study

Periwinkle Linen Study

Teal Linen Afternoon

Tidewater Passage

Pastel Lagoon Study

Coastal Inlet Calm