Lagoon Reverie
Soft, cool water catching afternoon light, with hints of mint and deeper sky reflecting in gentle shallows.
Psychology
The cool teal and blue foundation establishes a sense of tranquility and openness, leveraging the recessive properties of cool hues to create visual breathing room. The light tints and muted saturation throughout invoke a restful, low-stimulation environment, while the two moderate blues introduce just enough depth to prevent flatness. This balance of accessibility and subtle sophistication triggers feelings of clarity and serenity without emotional intensity.
Usage
Ideal for wellness app interfaces, spa and skincare branding, and interior design mood boards where calm sophistication is essential. Works exceptionally well in editorial layouts and minimal web design because the moderate contrast supports readability while maintaining a serene atmosphere. The palette's light, cool character makes it particularly suited to luxury goods packaging and contemporary lifestyle photography that values restraint over drama.
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,
#d7f2f9 0%,
#bff0c3 25%,
#9cd4e2 50%,
#6474db 75%,
#7aa5d6 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #d7f2f9;
--color-gradient-2: #bff0c3;
--color-gradient-3: #9cd4e2;
--color-gradient-4: #6474db;
--color-gradient-5: #7aa5d6;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #d7f2f9; --color-2: #bff0c3; --color-3: #9cd4e2; --color-4: #6474db; --color-5: #7aa5d6;
Hex values
#d7f2f9, #bff0c3, #9cd4e2, #6474db, #7aa5d6
Building something? Get this palette via the REST API.
History
Similar palettes
Pastel Lagoon Study
Jade Hour Glow
Shallow Waters
Misty Lagoon Hour
Mineral Spring Dawn
Coastal Linen Study
Lavender Milk Hour
Periwinkle Linen Study
Moss Shallow Study