Tidepool Sanctuary

Cool, layered greens and teals that feel like stepping into a quiet forest pool at dusk, where light filters softly through water and stone.

Open in generator

Colors

~Water Nymph#83D3E5

~Turquoise Fantasies#72B0B2

~Lagoon#40A19C

~Nordic Forest#3E7360

~Highlander#2D563D

Psychology

The analogous progression from light teal to deep forest green creates visual continuity that guides the eye without jarring shifts, while the muted saturation across all five colors signals restraint and contemplation rather than urgency. Cool hues are neurologically associated with lowered arousal and relaxation, and the mixed lightness profile prevents monotony while maintaining harmony. Together, these properties establish a palette that feels both grounded and serene, inviting prolonged engagement without overstimulation.

Usage

Ideal for sustainable fashion lookbooks, wellness app interfaces, and editorial spreads about nature conservation, where calm authority and trust matter more than visual pop. Works particularly well for heritage branding, spa and botanical packaging, and interior design mood boards where moderate contrast allows for readable typography while maintaining a cohesive, undisturbed atmosphere. The analogous structure suits long-form digital experiences and print portfolios that benefit from sophisticated color storytelling across multiple pages.

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,
    #83d3e5 0%,
    #72b0b2 25%,
    #40a19c 50%,
    #3e7360 75%,
    #2d563d 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #83d3e5;
  --color-gradient-2: #72b0b2;
  --color-gradient-3: #40a19c;
  --color-gradient-4: #3e7360;
  --color-gradient-5: #2d563d;
}

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

CSS Variables

--color-1: #83d3e5;
--color-2: #72b0b2;
--color-3: #40a19c;
--color-4: #3e7360;
--color-5: #2d563d;

Hex values

#83d3e5, #72b0b2, #40a19c, #3e7360, #2d563d

Building something? Get this palette via the REST API.

History

Similar palettes

Peat & Tidepool

Moss Shallow Study

Sage Garden Noon

Grain & Lagoon

Tidepool Reverie

Shallow Waters

Pastel Lagoon Study

Celadon Meadow Rest

Celadon Reverie