Plasma Sky

neon palette with a balanced five-color hierarchy for design use.

#Neon#Futuristic#Bold
Open in Generator
COLOR 1
#FD0FB7
Hot Magenta
COLOR 2
#F26E4B
Burnt Sienna
COLOR 3
#B2F316
Lime Popsicle
COLOR 4
#43F97C
Aurora Borealis Green
COLOR 5
#11A0F7
Blue Topaz

Color Values & Codes

HEX · RGB · HSL
rgb(253, 15, 183)hsl(318, 98%, 53%)Color details →
rgb(242, 110, 75)hsl(13, 87%, 62%)Color details →
rgb(178, 243, 22)hsl(78, 90%, 52%)Color details →
rgb(67, 249, 124)hsl(139, 94%, 62%)Color details →
Blue Topaz
#11A0F7
rgb(17, 160, 247)hsl(203, 93%, 52%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #FD0FB7;
  --color-2: #F26E4B;
  --color-3: #B2F316;
  --color-4: #43F97C;
  --color-5: #11A0F7;
}

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
#FD0FB7 on #43F97C2.54:1
Large Text Only (Fail)
Sample Text
#FD0FB7 on #11A0F71.25:1
Large Text Only (Fail)
Sample Text
#F26E4B on #43F97C2.12:1
Large Text Only (Fail)
Sample Text
#F26E4B on #11A0F71.04:1
Large Text Only (Fail)
Sample Text
#B2F316 on #43F97C1.04:1
Large Text Only (Fail)
Sample Text
#B2F316 on #11A0F72.13:1
Large Text Only (Fail)