Quantum Signal
neon palette with a balanced five-color hierarchy for design use.
#Neon#Futuristic#Bold
COLOR 1
#250FFD
Blue
COLOR 2
#F648F4
Fuchsia 500
COLOR 3
#F72812
Ferrari Red
COLOR 4
#E1F04B
Peridot
COLOR 5
#0CFB37
Neon Green
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #250FFD;
--color-2: #F648F4;
--color-3: #F72812;
--color-4: #E1F04B;
--color-5: #0CFB37;
}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
#250FFD on #E1F04B6.54:1
Normal Text AA Pass
Sample Text
#250FFD on #0CFB375.80:1
Normal Text AA Pass
Sample Text
#F648F4 on #E1F04B2.34:1
Large Text Only (Fail)
Sample Text
#F648F4 on #0CFB372.08:1
Large Text Only (Fail)
Sample Text
#F72812 on #E1F04B3.18:1
Large Text Only (Pass)
Sample Text
#F72812 on #0CFB372.82:1
Large Text Only (Fail)