Synth Studio
neon palette with a balanced five-color hierarchy for design use.
#Neon#Futuristic#Bold
COLOR 1
#FA8F11
Dark Orange
COLOR 2
#A7FB42
Green Yellow
COLOR 3
#1BEE8D
Medium Spring Green
COLOR 4
#4697F5
Cornflower Blue
COLOR 5
#9F15F2
Neon Purple
Color Values & Codes
HEX · RGB · HSLDark Orange
#FA8F11
Green Yellow
#A7FB42
Medium Spring Green
#1BEE8D
Cornflower Blue
#4697F5
Neon Purple
#9F15F2
Open In Design Tools
CSS Variables
:root {
--color-1: #FA8F11;
--color-2: #A7FB42;
--color-3: #1BEE8D;
--color-4: #4697F5;
--color-5: #9F15F2;
}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
#FA8F11 on #4697F51.28:1
Large Text Only (Fail)
Sample Text
#FA8F11 on #9F15F22.33:1
Large Text Only (Fail)
Sample Text
#A7FB42 on #4697F52.36:1
Large Text Only (Fail)
Sample Text
#A7FB42 on #9F15F24.28:1
Large Text Only (Pass)
Sample Text
#1BEE8D on #4697F51.95:1
Large Text Only (Fail)
Sample Text
#1BEE8D on #9F15F23.54:1
Large Text Only (Pass)