Tidewater Passage
Cool, layered tones that evoke sunlit water meeting shadowed foliage, balanced and serene.
Psychology
The analogous teal-to-green progression creates visual continuity while the moderate contrast between light and dark tones prevents monotony, fostering calm without boredom. Cool hues recede psychologically, inviting contemplation rather than action, while the balanced lightness range avoids both clinical sterility and murky heaviness. This combination signals natural stability and trustworthiness, making it effective for brands emphasizing growth, renewal, or environmental awareness.
Usage
Ideal for eco-conscious packaging design, wellness app interfaces, and hospitality branding where sophistication and accessibility must coexist. The moderate contrast and cool temperature work well in editorial photography and sustainable fashion campaigns that require visual depth without aggressive tension. Interior design projects like spa environments, boutique offices, and coastal-inspired residential spaces benefit from the palette's tranquil, cohesive 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,
#8de1f1 0%,
#69c0c1 25%,
#4b9f94 50%,
#2f8370 75%,
#1d5f4b 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #8de1f1;
--color-gradient-2: #69c0c1;
--color-gradient-3: #4b9f94;
--color-gradient-4: #2f8370;
--color-gradient-5: #1d5f4b;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #8de1f1; --color-2: #69c0c1; --color-3: #4b9f94; --color-4: #2f8370; --color-5: #1d5f4b;
Hex values
#8de1f1, #69c0c1, #4b9f94, #2f8370, #1d5f4b
Building something? Get this palette via the REST API.
History
Similar palettes
Tidepool Reverie
Shallow Waters
Moss Shallow Study
Pastel Lagoon Study
Peat & Tidepool
Grain & Lagoon
Misty Lagoon Hour
Sage Garden Noon
Fjord Depth Rise