Teal Garden Midnight
Cool, shadowed garden glimpsed through twilight, where soft greens meet dark ink and muted purple.
Psychology
The triadic balance of teal, green, and purple creates visual interest without aggression, while the dark anchor prevents brightness fatigue. Cool tones throughout evoke calm and introspection, supported by the muted saturation of the green which reduces stimulation and suggests natural, understated luxury. High contrast between the black base and lighter accents draws focus without introducing warmth, producing a composed, contemplative response.
Usage
Effective for sustainable beauty packaging, editorial design featuring nature and wellness, and interior branding for boutique hotels or spas. The soft, cool palette with high contrast suits projects requiring sophistication without aggression, particularly those targeting premium, conscious consumers. Works especially well for botanical illustration, organic product labeling, and moody lifestyle photography that values depth and refinement over brightness.
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,
#171717 0%,
#00777f 33%,
#b9d1b3 67%,
#5c3966 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #171717;
--color-gradient-2: #00777f;
--color-gradient-3: #b9d1b3;
--color-gradient-4: #5c3966;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #171717; --color-2: #00777f; --color-3: #b9d1b3; --color-4: #5c3966;
Hex values
#171717, #00777f, #b9d1b3, #5c3966
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Frosted Lavender Drift
Shallow Waters
Moss Shallow Study
Sage Garden Noon
Celadon Reverie
Neon Bloom Dusk
Periwinkle Linen Study
Neon Descent Study