Mauve Midnight Spark
Warm gold melts into dusky purple depths, where velvet shadows meet luminous warmth and bold contrast.
Psychology
The butterscotch and rose-mauve pairing creates visual tension through complementary contrast, with warm tones advancing while deep purples recede, generating dynamic spatial depth. The shift from high-chroma golds and pinks into muted, desaturated purples signals sophistication and restraint, anchoring brightness with gravitas. This temperature interplay and chroma variation produce a bold yet refined emotional response, balancing approachability with mystery.
Usage
Effective for luxury cosmetics packaging, wine and spirits branding, and high-end fashion editorials where moderate contrast supports readability without harshness. The mixed lightness profile and complementary harmony suit interior design accent walls and premium coffee or chocolate labels that balance warmth with dark elegance. Works particularly well in projects requiring theatrical or moody atmosphere while maintaining a sophisticated rather than purely dark aesthetic.
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,
#fab240 0%,
#b0659a 25%,
#5d348b 50%,
#5c1d82 75%,
#28305b 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #fab240;
--color-gradient-2: #b0659a;
--color-gradient-3: #5d348b;
--color-gradient-4: #5c1d82;
--color-gradient-5: #28305b;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #fab240; --color-2: #b0659a; --color-3: #5d348b; --color-4: #5c1d82; --color-5: #28305b;
Hex values
#fab240, #b0659a, #5d348b, #5c1d82, #28305b
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Brass
Silk Hour Reverie
Indigo Hour Study
Twilight Alchemy
Neon Bloom Dusk
Cotton Candy Dawn
Velvet Midnight Garden
Jade Hour Glow
Peach Hour