Kelp Forest Passage
Cool depths emerging into soft light, like studying the ocean floor from a shadowed cove at dusk.
Psychology
The deep teal base recedes into the background, anchoring attention while the progression toward pale blue creates visual depth without jarring contrast. Cool hues throughout trigger associations with calm and contemplation, while the muted saturation prevents fatigue, encouraging sustained engagement. The high contrast between darkest and lightest values establishes hierarchy without sacrificing the soft, approachable mood.
Usage
Ideal for minimalist editorial layouts, luxury tech interfaces, and sustainable packaging design where visual breathing room matters more than vibrancy. Projects requiring quiet sophistication and trust benefit from this palette's ability to convey depth and stability through cool receding tones. Works exceptionally well in fine art photography, wellness branding, and architectural visualization where mood outweighs boldness.
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,
#0c362d 0%,
#3b6769 25%,
#4f838f 50%,
#86bdd7 75%,
#c1ddf9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0c362d;
--color-gradient-2: #3b6769;
--color-gradient-3: #4f838f;
--color-gradient-4: #86bdd7;
--color-gradient-5: #c1ddf9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0c362d; --color-2: #3b6769; --color-3: #4f838f; --color-4: #86bdd7; --color-5: #c1ddf9;
Hex values
#0c362d, #3b6769, #4f838f, #86bdd7, #c1ddf9
Building something? Get this palette via the REST API.
History
Similar palettes
Coastal Linen Study
Coastal Porcelain Dawn
Mineral Spring Dawn
Midnight Pool Glow
Pastel Lagoon Study
Coastal Depths Morning
Jade Hour Glow
Shallow Waters
Coastal Inlet Calm