Neon Nights Color Palette
A nightclub in four colors: electric magenta, cyan, and yellow against violet.
Use as a gradient →
Colors
#FF00E4
#00F0FF
#FFF300
#7B2FF7
Contrast on Light & Dark Backgrounds
| Color | 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.
Neon Nights CSS Code
HEX Copy
#FF00E4 #00F0FF #FFF300 #7B2FF7
RGBA Copy
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 Copy
hsla(306, 100%, 50%, 1.0) hsla(184, 100%, 50%, 1.0) hsla(57, 100%, 50%, 1.0) hsla(263, 93%, 58%, 1.0)
More Color Palettes
FAQ
What colors are in the Neon Nights palette?A nightclub in four colors: electric magenta, cyan, and yellow against violet.
How do I turn the Neon Nights palette into a CSS gradient?
Use
background: linear-gradient(to right, #FF00E4, #00F0FF, #FFF300, #7B2FF7);, or click "Use as a gradient" above to open it in the live generator.