Neon Lagoon Pulse

Electric coolness meets molten warmth, casting sharp shadows and luminous highlights across a modern, saturated landscape.

Open in generator

Colors

~Fish Boy#00D8D6

~Hadfield Blue#0077FF

~Pansy#FF4D8D

~Lemon#FFF700

~Violent Violet#7B2EFF

Psychology

The palette pairs cool dominants (teal, blue, violet) with hot accents (pink, yellow) creating visual tension that stimulates attention and movement. High chroma across all five colors produces immediate vibrancy, while the complementary relationship between the cool and warm families generates electric contrast that feels both exciting and slightly unstable, triggering heightened visual engagement rather than rest.
This combination activates both advance (warm pink and yellow) and recede (cool blue and violet) properties simultaneously, making the eye travel dynamically across a composition without settling into calm.

Usage

Ideal for tech startup branding, music festival identities, and youth-oriented digital products where bold color presence commands attention. The vivid saturation and mixed temperature profile suits neon-inspired packaging, contemporary illustration, and high-energy editorial layouts that need to cut through visual noise.
Gaming interfaces, sportswear campaigns, and avant-garde fashion lookbooks benefit from this palette's ability to feel both playful and sophisticated through complementary harmony rather than sweetness.

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,
    #00d8d6 0%,
    #0077ff 25%,
    #ff4d8d 50%,
    #fff700 75%,
    #7b2eff 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #00d8d6;
  --color-gradient-2: #0077ff;
  --color-gradient-3: #ff4d8d;
  --color-gradient-4: #fff700;
  --color-gradient-5: #7b2eff;
}

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

CSS Variables

--color-1: #00d8d6;
--color-2: #0077ff;
--color-3: #ff4d8d;
--color-4: #fff700;
--color-5: #7b2eff;

Hex values

#00d8d6, #0077ff, #ff4d8d, #fff700, #7b2eff

Building something? Get this palette via the REST API.

History

Similar palettes

Neon Bloom Dusk

Twilight Alchemy

Jade Hour Glow

Neon Descent Study

Indigo Hour Study

Silk Hour Reverie

Cotton Candy Dawn

Pastel Lagoon

Midnight Brass