Seagrass Fade
Cool, layered teals that feel like soft water catching dawn light, calm and quietly luminous.
Psychology
The analogous harmony of these teal and blue tones creates visual unity without monotony, each step a gentle progression rather than a jolt. Cool hues inherently signal tranquility and trust, while the shift from mid-tone depth to very light brightness prevents flatness and invites the eye inward. The moderate contrast maintains sophistication and accessibility, avoiding both aggression and blandness.
Usage
Ideal for SPA and wellness branding, minimalist app interfaces, and coastal hospitality design where calm professionalism is essential. Projects requiring soft visual hierarchy and approachable sophistication benefit from this palette's ability to feel both grounded and airy. Works especially well in tech startups, sustainable product packaging, and editorial layouts seeking modern elegance without harshness.
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,
#226c67 0%,
#3394a1 33%,
#3fb3c7 67%,
#a1e0f9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #226c67;
--color-gradient-2: #3394a1;
--color-gradient-3: #3fb3c7;
--color-gradient-4: #a1e0f9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #226c67; --color-2: #3394a1; --color-3: #3fb3c7; --color-4: #a1e0f9;
Hex values
#226c67, #3394a1, #3fb3c7, #a1e0f9
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Inlet Calm
Slate Pool Breath
Shallow Waters
Mineral Spring Dawn
Midnight Pool Glow
Periwinkle Linen Study
Teal Depths Nocturne
Pastel Lagoon Study
Misty Lagoon Hour