Lagoon Twilight Rise

Cool waters deepen into shadowed forest, a gradient of stillness captured between dawn light and ancient woodland depth.

Open in generator

Colors

~Oh Boy!#B3D6F9

~Caribbean Blue#45C1DC

~Sea#349890

~Terrestrial#226D56

~Evergreen#19563D

Psychology

The progression from pale sky-blue through teal to deep forest green creates visual recession, drawing the eye inward while maintaining low chromatic intensity that signals tranquility. Cool hues across all five colors prevent warmth-based arousal, anchoring the palette in contemplative restraint rather than excitement. The moderate contrast between Oh Boy! and Evergreen offers enough distinction for hierarchy without jarring transitions, invoking the psychological comfort of natural water-to-land gradients.

Usage

Effective for environmental nonprofit websites, luxury eco-tourism branding, and editorial nature photography layouts where depth and calm are essential. The balanced lightness range supports both text-heavy digital products and minimalist packaging design without losing readability or impact. Particularly suited to projects emphasizing sustainability, water conservation, or forest stewardship where the palette's natural progression builds credibility and emotional connection.

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,
    #b3d6f9 0%,
    #45c1dc 25%,
    #349890 50%,
    #226d56 75%,
    #19563d 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #b3d6f9;
  --color-gradient-2: #45c1dc;
  --color-gradient-3: #349890;
  --color-gradient-4: #226d56;
  --color-gradient-5: #19563d;
}

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

CSS Variables

--color-1: #b3d6f9;
--color-2: #45c1dc;
--color-3: #349890;
--color-4: #226d56;
--color-5: #19563d;

Hex values

#b3d6f9, #45c1dc, #349890, #226d56, #19563d

Building something? Get this palette via the REST API.

History

Similar palettes

Shallow Waters

Pastel Lagoon Study

Jade Hour Glow

Misty Lagoon Hour

Coastal Inlet Calm

Mineral Spring Dawn

Moss Shallow Study

Periwinkle Linen Study

Celadon Reverie