Shallow Reef Study
Cool, measured tones evoke shallow waters catching soft light, balancing luminous calm with grounded depth.
Psychology
The palette anchors itself in cool blue and teal families, which naturally recede and promote psychological calm, while the very light mauve foreground prevents visual flatness and draws brief attention. The progression from light to moderate mid-tones creates visual breathing room without harsh contrast, a property of desaturated hues that signals trustworthiness and stability. This moderate contrast level reduces cognitive load, making the palette suitable for sustained viewing and information-dense design.
Usage
Deploy this palette for tech product interfaces, wellness and spa branding, and editorial photography where atmospheric consistency matters more than visual drama. The mixed lightness profile works especially well for minimalist web design, sustainable fashion packaging, and corporate environmental reports that require sophistication without temperature extremes. The teal dominance anchors projects requiring coastal or aquatic imagery while the mauve transition prevents monotony in long-form digital content.
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,
#e5e3ff 0%,
#7bb5e4 33%,
#3497a7 67%,
#257476 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #e5e3ff;
--color-gradient-2: #7bb5e4;
--color-gradient-3: #3497a7;
--color-gradient-4: #257476;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #e5e3ff; --color-2: #7bb5e4; --color-3: #3497a7; --color-4: #257476;
Hex values
#e5e3ff, #7bb5e4, #3497a7, #257476
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Frosted Lavender Drift
Pastel Lagoon Study
Neon Bloom Dusk
Periwinkle Linen Study
Neon Descent Study
Mineral Spring Dawn
Midnight Pool Glow
Coastal Inlet Calm