Lagoon to Evergreen
Cool water meeting deep forest, a gradient of stillness and depth bathed in soft, even light.
Psychology
The progression from aqua to deep forest green creates visual depth through high contrast while maintaining a cohesive cool temperature that promotes calm and focus. The muted, low-saturation greens at the darker end signal stability and rest, while the luminous teals at the light end suggest openness, so the full range together communicates both trust and renewal. This combination leverages cool hues' natural receding quality to feel grounding rather than cold.
Usage
Ideal for eco-friendly product packaging, nature editorial layouts, and wellness app interfaces where depth and tranquility matter. Projects requiring sophisticated environmental branding or sustainable fashion collections benefit from the palette's balance of approachability in the lighter values and authority in the darker tones. Works particularly well in print and digital contexts where high contrast ensures legibility while maintaining a unified, cohesive mood.
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,
#81e6f2 0%,
#56ada0 25%,
#318a6d 50%,
#245833 75%,
#203209 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #81e6f2;
--color-gradient-2: #56ada0;
--color-gradient-3: #318a6d;
--color-gradient-4: #245833;
--color-gradient-5: #203209;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #81e6f2; --color-2: #56ada0; --color-3: #318a6d; --color-4: #245833; --color-5: #203209;
Hex values
#81e6f2, #56ada0, #318a6d, #245833, #203209
Building something? Get this palette via the REST API.
History
Similar palettes
Peat & Tidepool
Moss Shallow Study
Fjord Depth Rise
Sage Garden Noon
Grain & Lagoon
Tidepool Reverie
Shallow Waters
Pastel Lagoon Study
Celadon Meadow Rest