Neon Descent Spark

High-voltage contrast cuts through cool depths, electric warmth and shadowed blue creating tension and visual shock.

Open in generator

Colors

~Sapphire Siren#5F2180

~Magna Cum Laude#E20069

~Martian Colony#EC7404

~Lost in Space#00366C

~White#FFFFFF

~Sea Creature#0D586E

~Malibu#70BCE5

~Mamba Yellow#FFCF00

Psychology

The vivid warm trio of magenta, orange, and yellow advances aggressively against the recessive cool blues, creating visual conflict that demands attention and signals energy. The high chroma saturation combined with dark, saturated purples and cool shadows activates high contrast perception, which the human eye reads as excitement and urgency rather than calm.
Triadic harmony balances the palette's intensity while the mixed lightness prevents monotony, making it psychologically stimulating without becoming chaotic.

Usage

Deploy this palette in music festival branding, fintech app interfaces, and avant-garde fashion editorials where bold color tension and visual impact matter most.
Projects requiring high legibility with dramatic mood benefit from the stark contrast between warm and cool families, while the triadic structure supports complex, multi-layered design systems.
Ideal for nightlife venue identities, experimental packaging, and digital product experiences targeting audiences who value boldness over subtlety.

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,
    #5f2180 0%,
    #e20069 14%,
    #ec7404 29%,
    #00366c 43%,
    #ffffff 57%,
    #0d586e 71%,
    #70bce5 86%,
    #ffcf00 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #5f2180;
  --color-gradient-2: #e20069;
  --color-gradient-3: #ec7404;
  --color-gradient-4: #00366c;
  --color-gradient-5: #ffffff;
  --color-gradient-6: #0d586e;
  --color-gradient-7: #70bce5;
  --color-gradient-8: #ffcf00;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #5f2180;
--color-2: #e20069;
--color-3: #ec7404;
--color-4: #00366c;
--color-5: #ffffff;
--color-6: #0d586e;
--color-7: #70bce5;
--color-8: #ffcf00;

Hex values

#5f2180, #e20069, #ec7404, #00366c, #ffffff, #0d586e, #70bce5, #ffcf00

Building something? Get this palette via the REST API.

History

Similar palettes

Twilight Alchemy

Neon Bloom Dusk

Midnight Brass

Indigo Hour Study

Blackberry Bakery Noon

Silk Hour Reverie

Cotton Candy Dawn

Kiln Ember Dusk

Velvet Bakery Rest