Neon Nights Color Palette: Hex Codes & CSS

Q: How do I turn the Neon Nights palette into a CSS gradient?

Use background: linear-gradient(to right, #FF00E4, #00F0FF, #FFF300, #7B2FF7);, or open it in the live gradient generator to customize it further.

Neon Nights Color Palette

A nightclub in four colors: electric magenta, cyan, and yellow against violet.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#FF00E4

#00F0FF

#FFF300

#7B2FF7

Contrast on Light & Dark Backgrounds

Hex	On White	On Black
#FF00E4	T -	T -
#00F0FF	T -	T -
#FFF300	T -	T -
#7B2FF7	T -	T -

Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.

Neon Nights CSS Code

#FF00E4
#00F0FF
#FFF300
#7B2FF7

rgba(255, 0, 228, 1.0)
rgba(0, 240, 255, 1.0)
rgba(255, 243, 0, 1.0)
rgba(123, 47, 247, 1.0)

hsla(306, 100%, 50%, 1.0)
hsla(184, 100%, 50%, 1.0)
hsla(57, 100%, 50%, 1.0)
hsla(263, 93%, 58%, 1.0)

oklch(68.66% 0.3062 334.43)
oklch(87% 0.1481 202.88)
oklch(94.32% 0.2012 106.02)
oklch(53.9% 0.266 291.91)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Neon Nights palette?