Laser Night
neon palette with a balanced five-color hierarchy for design use.
#Neon#Futuristic#Bold
COLOR 1
#15DAF6
Neon Cyan
COLOR 2
#4D46F7
Electric Indigo
COLOR 3
#F910DC
Neon Pink
COLOR 4
#F2634A
Tomato
COLOR 5
#CAFD0B
Fluorescent Yellow
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #15DAF6;
--color-2: #4D46F7;
--color-3: #F910DC;
--color-4: #F2634A;
--color-5: #CAFD0B;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#15DAF6 on #F2634A1.86:1
Large Text Only (Fail)
Sample Text
#15DAF6 on #CAFD0B1.42:1
Large Text Only (Fail)
Sample Text
#4D46F7 on #F2634A1.88:1
Large Text Only (Fail)
Sample Text
#4D46F7 on #CAFD0B4.97:1
Normal Text AA Pass
Sample Text
#F910DC on #F2634A1.09:1
Large Text Only (Fail)
Sample Text
#F910DC on #CAFD0B2.86:1
Large Text Only (Fail)