Shallow Lagoon
Cool, luminous waters caught between sky and horizon, with the soft clarity of dawn light on gentle waves.
Psychology
The palette's analogous blue and teal harmony creates visual cohesion that feels inherently soothing, while the progression from lighter to darker mid-tones provides subtle depth without visual tension. Cool hues recede psychologically, promoting mental clarity and trust, though the moderate contrast and light overall value prevent the palette from feeling cold or clinical. The inclusion of vivid Blue Jay anchors the composition with just enough chromatic intensity to hold attention without disrupting the calm, balanced mood.
Usage
Ideal for luxury travel branding, fintech dashboards, and wellness app interfaces where clarity and trustworthiness matter. Organic skincare packaging and high-end resort websites benefit from the palette's light, serene character and sophisticated cool temperature. Editorial photography and lifestyle blogs can leverage these tones to evoke calm sophistication while maintaining visual interest through the moderate contrast.
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,
#92a6d9 0%,
#87e1f7 25%,
#3f86e4 50%,
#127397 75%,
#45bee3 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #92a6d9;
--color-gradient-2: #87e1f7;
--color-gradient-3: #3f86e4;
--color-gradient-4: #127397;
--color-gradient-5: #45bee3;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #92a6d9; --color-2: #87e1f7; --color-3: #3f86e4; --color-4: #127397; --color-5: #45bee3;
Hex values
#92a6d9, #87e1f7, #3f86e4, #127397, #45bee3
Building something? Get this palette via the REST API.
History
Similar palettes
Mineral Spring Dawn
Coastal Inlet Calm
Jade Hour Glow
Shallow Waters
Midnight Pool Glow
Coastal Porcelain Dawn
Pastel Lagoon Study
Coastal Depths Morning
Neon Bloom Dusk