Tidal Canopy

Cool greens layered from deep forest shadow through luminous leaf light, evoking stillness and fresh mineral air.

Open in generator

Colors

~Cape Verde#145245

~Terrestrial#1B6B5A

~Frog Pond#7FBC8C

~Pisco Sour#C2E868

~Futon#EAF5D8

Psychology

The analogous green progression moves from deep, grounded teals through mid-range foliage to bright, almost glowing yellowy-greens, creating a sense of natural depth without harshness. The high tonal contrast between darkest and lightest colors draws the eye while the cool undertones throughout maintain a soothing, introspective mood rather than excitement. This combination leverages the psychological association of greens with growth and renewal, while the muted darks prevent the palette from feeling juvenile or overly optimistic.

Usage

Ideal for sustainable product branding, botanical print design, and wellness packaging where cool greens signal trust and natural origin. The palette's mixed lightness profile supports layered layouts in editorial design and web interfaces that need both visual hierarchy and cohesion. Works particularly well for interior accent schemes and organic textile lines where the interplay of shadow and luminous highlights creates sophisticated, nature-inspired depth.

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,
    #145245 0%,
    #1b6b5a 25%,
    #7fbc8c 50%,
    #c2e868 75%,
    #eaf5d8 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #145245;
  --color-gradient-2: #1b6b5a;
  --color-gradient-3: #7fbc8c;
  --color-gradient-4: #c2e868;
  --color-gradient-5: #eaf5d8;
}

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

CSS Variables

--color-1: #145245;
--color-2: #1b6b5a;
--color-3: #7fbc8c;
--color-4: #c2e868;
--color-5: #eaf5d8;

Hex values

#145245, #1b6b5a, #7fbc8c, #c2e868, #eaf5d8

Building something? Get this palette via the REST API.

History

Similar palettes

Moss Shallow Study

Sage Garden Noon

Shallow Waters

Celadon Meadow Rest

Grain & Lagoon

Tidepool Reverie

Celadon Reverie

Jade Hour Glow

Fjord Depth Rise