Cyber Drift
neon palette with a balanced five-color hierarchy for design use.
#Neon#Futuristic#Bold
COLOR 1
#FD890F
Dark Orange
COLOR 2
#AAF648
Kiwi Fruit
COLOR 3
#12F788
Aurora Borealis Green
COLOR 4
#4B99F0
Blue Topaz
COLOR 5
#9B0CFB
Neon Purple
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #FD890F;
--color-2: #AAF648;
--color-3: #12F788;
--color-4: #4B99F0;
--color-5: #9B0CFB;
}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
#FD890F on #4B99F01.23:1
Large Text Only (Fail)
Sample Text
#FD890F on #9B0CFB2.28:1
Large Text Only (Fail)
Sample Text
#AAF648 on #4B99F02.25:1
Large Text Only (Fail)
Sample Text
#AAF648 on #9B0CFB4.16:1
Large Text Only (Pass)
Sample Text
#12F788 on #4B99F02.06:1
Large Text Only (Fail)
Sample Text
#12F788 on #9B0CFB3.83:1
Large Text Only (Pass)