Canopy Gradient
Cool, layered greens that evoke the quiet depth of a forest interior, moving from bright leaf-light to shadowed earth.
Psychology
The analogous harmony of these four greens creates visual cohesion without monotony, while the gradual shift from light to dark produces a sense of depth and progression. Cool green hues are associated with growth, balance, and renewal, and their moderate saturation prevents overstimulation, promoting a grounded, restorative response. The low-to-moderate contrast between adjacent colors encourages visual rest, making this palette psychologically soothing rather than jarring.
Usage
This palette excels in eco-conscious branding, natural skincare packaging, and botanical editorial design where authenticity and calm are priorities. The graduated lightness works particularly well for app interfaces and interior design schemes that need visual hierarchy without harsh transitions. Projects requiring trust, sustainability messaging, or nature-forward positioning benefit most from the palette's balanced, contemplative character.
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,
#88e2b2 0%,
#4cb572 33%,
#538947 67%,
#344b12 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #88e2b2;
--color-gradient-2: #4cb572;
--color-gradient-3: #538947;
--color-gradient-4: #344b12;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #88e2b2; --color-2: #4cb572; --color-3: #538947; --color-4: #344b12;
Hex values
#88e2b2, #4cb572, #538947, #344b12
Building something? Get this palette via the REST API.
History
Similar palettes
Moss Shallow Study
Verdant Depth Study
Mangrove Shallow Drift
Sage Garden Noon
Verdant Greenhouse
Grain & Lagoon
Tidepool Reverie
Shallow Waters
Linen Glow Whisper