Tidepool Ascent
Deep water transitioning to misty air, a cool monochromatic descent from shadow to luminous spray.
Psychology
The monochromatic teal progression creates visual depth through lightness variation rather than hue shift, grounding the palette in cohesion while the high contrast range between darkest and lightest values commands attention without visual agitation. Cool tones throughout activate feelings of contemplation and clarity, while muted saturation across all values prevents overstimulation, producing a sense of composed stillness rather than sterility.
Usage
Ideal for minimalist tech interfaces, luxury spa branding, and editorial photography where a calming yet sophisticated atmosphere enhances credibility. The palette's soft coolness and strong tonal range excel in projects requiring depth perception without warmth, such as professional healthcare applications, arctic travel campaigns, and interior design mood boards for modern residential spaces.
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,
#072830 0%,
#22697b 33%,
#6caebe 67%,
#cbf3fc 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #072830;
--color-gradient-2: #22697b;
--color-gradient-3: #6caebe;
--color-gradient-4: #cbf3fc;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #072830; --color-2: #22697b; --color-3: #6caebe; --color-4: #cbf3fc;
Hex values
#072830, #22697b, #6caebe, #cbf3fc
Building something? Get this palette via the REST API.
History
Similar palettes
Tidepool Serenity
Coastal Linen Study
Teal Depths Nocturne
Aqua Silk Reverie
Pastel Lagoon Study
Coastal Depths Morning
Snowmelt Lagoon
Abyssal Calm
Mangrove Twilight