Shallow Morning Mist
Soft, luminous tones that feel like cool silk against skin and morning light filtering through frosted glass.
Psychology
The palette leans heavily on cool, muted teals and blues that naturally recede and soothe, while the addition of wisteria and violet introduces gentle warmth without disrupting the serene foundation. Low color saturation across all five hues signals safety and approachability, triggering parasympathetic response, whereas the subtle shift from very light to moderate tones provides just enough visual rhythm to feel sophisticated rather than flat.
Usage
Use this palette for wellness app interfaces, luxury spa branding, and linen home textile collections where understatement and tactile softness matter. Projects requiring calm authority benefit from the balanced cool-to-neutral progression, making it ideal for minimalist editorial layouts, meditation app design, and high-end skincare packaging. The moderate contrast ensures legibility on digital and print without visual strain.
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,
#eaf7ed 0%,
#e0faff 25%,
#9fe2ee 50%,
#80a4d4 75%,
#7b75c9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #eaf7ed;
--color-gradient-2: #e0faff;
--color-gradient-3: #9fe2ee;
--color-gradient-4: #80a4d4;
--color-gradient-5: #7b75c9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #eaf7ed; --color-2: #e0faff; --color-3: #9fe2ee; --color-4: #80a4d4; --color-5: #7b75c9;
Hex values
#eaf7ed, #e0faff, #9fe2ee, #80a4d4, #7b75c9
Building something? Get this palette via the REST API.
History
Similar palettes
Periwinkle Linen Study
Pastel Lagoon Study
Teal Depths Nocturne
Neon Bloom Dusk
Jade Hour Glow
Neon Descent Study
Porcelain Drift
Periwinkle Linen Passage
Lavender Milk Hour