Lavender Milk Hour
Soft diffused light filtering through translucent petals, cool and warm tones mingling like watercolor on damp paper.
Psychology
The triadic balance of cool blues and greens with warm purples creates visual equilibrium without tension, while the consistently low saturation and high lightness across all five colors signal safety and gentleness rather than stimulation.
The dominant purple family paired with cool accents produces a calming yet slightly whimsical emotional response, as muted cool tones naturally recede while the warm undertones in the purples prevent the palette from feeling cold or clinical.
The dominant purple family paired with cool accents produces a calming yet slightly whimsical emotional response, as muted cool tones naturally recede while the warm undertones in the purples prevent the palette from feeling cold or clinical.
Usage
Ideal for luxury skincare and wellness branding, stationery and editorial design, and SaaS interfaces where low contrast supports sustained focus without eye strain.
Projects requiring a soft, approachable aesthetic that avoids both sterility and overwhelming warmth benefit from this palette's balanced temperature and gentle mood, making it particularly effective in feminine-leaning but not exclusionary contexts.
Projects requiring a soft, approachable aesthetic that avoids both sterility and overwhelming warmth benefit from this palette's balanced temperature and gentle mood, making it particularly effective in feminine-leaning but not exclusionary contexts.
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,
#f0f9ff 0%,
#a0c4ff 25%,
#bdb2ff 50%,
#ffc6ff 75%,
#caffbf 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #f0f9ff;
--color-gradient-2: #a0c4ff;
--color-gradient-3: #bdb2ff;
--color-gradient-4: #ffc6ff;
--color-gradient-5: #caffbf;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #f0f9ff; --color-2: #a0c4ff; --color-3: #bdb2ff; --color-4: #ffc6ff; --color-5: #caffbf;
Hex values
#f0f9ff, #a0c4ff, #bdb2ff, #ffc6ff, #caffbf
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Frosted Lavender Drift
Porcelain Drift
Silk Hour Reverie
Chalk Garden Bloom
Linen Morning
Shallow Waters
Misty Lagoon Hour
Sorbet Afternoon
