Magenta Grotto Dusk
Deep purple tones with a luminous magenta edge, like silk held against dim evening light.
Psychology
The palette anchors itself in deep, desaturated purples that recede visually, creating depth and introspection, while the forward vibrant magenta commands attention and energy. This tension between withdrawal and assertion produces a psychologically complex mood, neither fully energetic nor restful, but compelling and sophisticated. The moderate contrast ensures visual interest without harsh discord, allowing the cooler blues to ground the warmer pinks in a balanced emotional landscape.
Usage
Ideal for high-end fashion packaging, music or entertainment editorial layouts, and luxury beauty brand identities seeking a moody, confident aesthetic. Projects requiring sophisticated restraint with subtle intensity benefit from the palette's interplay of bold foreground and receding background tones. Use the magenta as accent and call-to-action against the deeper purples for maximum visual hierarchy.
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,
#f24786 0%,
#ac5aa1 25%,
#5d348b 50%,
#5c1d82 75%,
#28305b 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #f24786;
--color-gradient-2: #ac5aa1;
--color-gradient-3: #5d348b;
--color-gradient-4: #5c1d82;
--color-gradient-5: #28305b;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #f24786; --color-2: #ac5aa1; --color-3: #5d348b; --color-4: #5c1d82; --color-5: #28305b;
Hex values
#f24786, #ac5aa1, #5d348b, #5c1d82, #28305b
Building something? Get this palette via the REST API.
History
Similar palettes
Twilight Alchemy
Silk Hour Reverie
Neon Bloom Dusk
Abyssal Hearth
Jade Hour Glow
Velvet Midnight Garden
Electric Dusk
Neon Descent Study
Wisteria Descent