Teal Depth Stillness
Soft teal and deep void merge into a quiet moment where light fades into shadow, cool and calm.
Psychology
The moderate teal (#22a094) carries cool, recessive qualities that evoke tranquility and introspection, while the near-black neutral (#121212) anchors the palette with weight and mystery. Together, they create low-chroma softness that signals restraint and sophistication rather than visual aggression. The moderate contrast between them draws the eye without jarring, producing a contemplative rather than energetic response.
Usage
This palette suits luxury skincare branding, editorial photography layouts, and minimalist app interfaces where restraint and elegance matter more than visual volume. Projects requiring calm, professional atmospheres benefit from the soft contrast and cool temperature. Use the teal as a secondary accent against the black to maintain visual breathing room in layouts, packaging, and digital experiences.
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,
#22a094 0%,
#121212 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #22a094;
--color-gradient-2: #121212;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #22a094; --color-2: #121212;
Hex values
#22a094, #121212
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Tidepool Serenity
Tidepool Whisper
Teal Depths Nocturne
Coastal Depths Morning
Mangrove Twilight
Slate Pool Breath
Mineral Spring Dawn
Midnight Pool Glow