Teal Grotto Descent
Cool, layered depths moving from bright sky through shadowed tidal zones into dense forest floor.
Psychology
The progression from light cyan through teal to deep forest green creates visual recession, drawing the eye inward while maintaining equilibrium through moderate contrast. Cool hues throughout evoke composure and clarity, while the muted saturation prevents overstimulation, fostering trust and contemplation rather than urgency. The palette leverages the psychological principle that analogous color schemes feel harmonious, allowing viewers to perceive complexity without tension.
Usage
Well-suited for sustainable lifestyle branding, eco-conscious packaging design, and editorial layouts exploring climate and conservation themes. Projects requiring a calm yet sophisticated palette benefit from the moderate contrast and cool temperature, particularly in luxury wellness interiors, minimal tech interfaces, and print campaigns for outdoor recreation brands. The depth range supports both understated backgrounds and focal point applications without losing cohesion.
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,
#57cbf5 0%,
#40b5c8 25%,
#308f8c 50%,
#21695f 75%,
#11432e 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #57cbf5;
--color-gradient-2: #40b5c8;
--color-gradient-3: #308f8c;
--color-gradient-4: #21695f;
--color-gradient-5: #11432e;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #57cbf5; --color-2: #40b5c8; --color-3: #308f8c; --color-4: #21695f; --color-5: #11432e;
Hex values
#57cbf5, #40b5c8, #308f8c, #21695f, #11432e
Building something? Get this palette via the REST API.
History
Similar palettes
Shallow Waters
Pastel Lagoon Study
Jade Hour Glow
Misty Lagoon Hour
Moss Shallow Study
Teal Depths Nocturne
Coastal Inlet Calm
Mineral Spring Dawn
Coastal Linen Study