Macaroon Twilight
Soft afternoon light filtering through translucent fabrics, casting warm shadows on pale powder and rose.
Psychology
The palette balances cool purples with warm pinks and corals, creating visual tension that feels resolved rather than jarring. Low saturation and high lightness across all eight colors produce a calming, non-threatening effect that avoids sensory overload, while the subtle temperature shift from cooler to warmer tones guides the eye with gentle motion. This combination of muted chromatic variation and pale value range signals sophistication and restraint, evoking spaces designed for relaxation rather than stimulation.
Usage
Well-suited for luxury cosmetics packaging, artisanal candy branding, and high-end textile or linen collections where softness and refinement are central to brand identity. Projects requiring low-contrast, calming environments benefit from this palette's ability to create visual harmony without harsh transitions. Additionally effective for editorial fashion spreads, wellness app interfaces, and premium stationery design where elegance depends on understatement rather than bold contrast.
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,
#d8c0f8 0%,
#c197d7 14%,
#fcd9f9 29%,
#ddabd1 43%,
#e397c1 57%,
#eca7b0 71%,
#f0b0a7 86%,
#f9beb9 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #d8c0f8;
--color-gradient-2: #c197d7;
--color-gradient-3: #fcd9f9;
--color-gradient-4: #ddabd1;
--color-gradient-5: #e397c1;
--color-gradient-6: #eca7b0;
--color-gradient-7: #f0b0a7;
--color-gradient-8: #f9beb9;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #d8c0f8; --color-2: #c197d7; --color-3: #fcd9f9; --color-4: #ddabd1; --color-5: #e397c1; --color-6: #eca7b0; --color-7: #f0b0a7; --color-8: #f9beb9;
Hex values
#d8c0f8, #c197d7, #fcd9f9, #ddabd1, #e397c1, #eca7b0, #f0b0a7, #f9beb9
Building something? Get this palette via the REST API.
History
Similar palettes
Sorbet Afternoon
Velvet Ember Dusk
Velvet Midnight Garden
Blush Shipyard
Mauve Sorbet Glow
Lilac Petal Afternoon
Velvet Boudoir
Amethyst Linen Dawn
Silk Hour Reverie
