Teal Depths Nocturne
Cool water meeting twilight sky, where soft luminescence meets deepening shadow in balanced, measured tones.
Psychology
The palette moves from light, airy teals to deep, grounding purples, creating visual depth without jarring contrast. Cool hues throughout trigger relaxation and trust, while the triadic progression of teal to blue to purple maintains compositional interest without overwhelming. Low-to-moderate saturation prevents visual fatigue, encouraging contemplation rather than urgency.
Usage
Ideal for tech company interfaces, luxury spa branding, and editorial photography where calm sophistication is essential. The mixed lightness profile supports both background and accent roles, making it effective for sustainable fashion campaigns and professional service websites that prioritize clarity and refinement. Best suited to projects requiring balance between approachability and authority.
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,
#8fe5cb 0%,
#3eafc7 25%,
#518bc7 50%,
#525da5 75%,
#3a337c 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #8fe5cb;
--color-gradient-2: #3eafc7;
--color-gradient-3: #518bc7;
--color-gradient-4: #525da5;
--color-gradient-5: #3a337c;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #8fe5cb; --color-2: #3eafc7; --color-3: #518bc7; --color-4: #525da5; --color-5: #3a337c;
Hex values
#8fe5cb, #3eafc7, #518bc7, #525da5, #3a337c
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Periwinkle Linen Study
Neon Bloom Dusk
Neon Descent Study
Pastel Lagoon Study
Wisteria Descent
Mineral Spring Dawn
Coastal Inlet Calm
Slate Pool Breath