Misty Lagoon Hour
Cool, hushed tones like frosted glass and morning mist over still water, soft and unhurried.
Psychology
The triadic balance of greens, teals, and blues creates visual calm through low contrast and cool temperature, which recedes and soothes rather than stimulates.
Each hue family sits in a muted, light register, signaling restraint and gentleness, encouraging trust and contemplation rather than urgency.
The soft saturation levels across all eight colors prevent visual fatigue, supporting prolonged viewing and a sense of quiet confidence.
Each hue family sits in a muted, light register, signaling restraint and gentleness, encouraging trust and contemplation rather than urgency.
The soft saturation levels across all eight colors prevent visual fatigue, supporting prolonged viewing and a sense of quiet confidence.
Usage
Ideal for wellness and skincare branding, sustainable lifestyle packaging, and spa or meditation app interfaces where coolness and low contrast reduce cognitive load.
Editorial design for nature writing, minimalist webzines, and luxury stationery benefit from the palette's understated elegance and harmonic balance.
Interior design mood boards, soft furnishings collections, and organic cosmetics labeling leverage the palette's whisper-quiet restraint and contemporary, calming presence.
Editorial design for nature writing, minimalist webzines, and luxury stationery benefit from the palette's understated elegance and harmonic balance.
Interior design mood boards, soft furnishings collections, and organic cosmetics labeling leverage the palette's whisper-quiet restraint and contemporary, calming presence.
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,
#83b388 0%,
#97dfbc 14%,
#a6e8e5 29%,
#a0f6fb 43%,
#7fd1db 57%,
#86b9d3 71%,
#87c0ee 86%,
#87acd3 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #83b388;
--color-gradient-2: #97dfbc;
--color-gradient-3: #a6e8e5;
--color-gradient-4: #a0f6fb;
--color-gradient-5: #7fd1db;
--color-gradient-6: #86b9d3;
--color-gradient-7: #87c0ee;
--color-gradient-8: #87acd3;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #83b388; --color-2: #97dfbc; --color-3: #a6e8e5; --color-4: #a0f6fb; --color-5: #7fd1db; --color-6: #86b9d3; --color-7: #87c0ee; --color-8: #87acd3;
Hex values
#83b388, #97dfbc, #a6e8e5, #a0f6fb, #7fd1db, #86b9d3, #87c0ee, #87acd3
Building something? Get this palette via the REST API.
History
Similar palettes
Shallow Waters
Jade Hour Glow
Frosted Lavender Drift
Frosted Meadow
Chalk Garden Bloom
Lavender Milk Hour
Slate Pool Breath
Mineral Spring Dawn
Celadon Reverie
