Mauve Twilight Garden
Soft warmth dissolving into deep plum shadow, like silk petals caught between daylight and dusk.
Psychology
The palette opens with muted warm pinks that feel intimate and approachable, then anchors into deep purples that ground and introspect. This warm-to-cool progression mimics natural light shift, creating emotional depth without harshness. The high contrast between light and dark demands attention while the moderate saturation maintains composure, balancing approachability with quiet sophistication.
Usage
Ideal for luxury skincare and cosmetics packaging, where soft pinks suggest gentleness while deep purples convey potency and refinement. Fashion branding benefits from the analogous pink-to-purple harmony for cohesive campaigns that feel both contemporary and nostalgic. Editorial layouts and book design leverage the palette's strong tonal range to guide reader focus across typography and imagery.
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,
#ffdce0 0%,
#f7a7ba 25%,
#cd78a5 50%,
#84497d 75%,
#60276c 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #ffdce0;
--color-gradient-2: #f7a7ba;
--color-gradient-3: #cd78a5;
--color-gradient-4: #84497d;
--color-gradient-5: #60276c;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #ffdce0; --color-2: #f7a7ba; --color-3: #cd78a5; --color-4: #84497d; --color-5: #60276c;
Hex values
#ffdce0, #f7a7ba, #cd78a5, #84497d, #60276c
Building something? Get this palette via the REST API.
History
Similar palettes
Amethyst Linen Dawn
Twilight Boudoir
Cotton Candy Dawn
Velvet Ember Dusk
Blush Shipyard
Silk Hour Reverie
Sorbet Afternoon
Lilac Petal Afternoon
Twilight Alchemy
