Glow Dawn

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

#Neon#Futuristic#Bold
Open in Generator
COLOR 1
#13F8B7
Medium Spring Green
COLOR 2
#4487F9
Blueberry
COLOR 3
#B11DEC
Neon Purple
COLOR 4
#F34875
Cherry Glaze
COLOR 5
#FDCC0B
Kodak Yellow

Color Values & Codes

HEX · RGB · HSL
rgb(19, 248, 183)hsl(163, 94%, 52%)Color details →
Blueberry
#4487F9
rgb(68, 135, 249)hsl(218, 94%, 62%)Color details →
rgb(177, 29, 236)hsl(283, 84%, 52%)Color details →
rgb(243, 72, 117)hsl(344, 88%, 62%)Color details →
rgb(253, 204, 11)hsl(48, 98%, 52%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #13F8B7;
  --color-2: #4487F9;
  --color-3: #B11DEC;
  --color-4: #F34875;
  --color-5: #FDCC0B;
}

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
#13F8B7 on #F348752.53:1
Large Text Only (Fail)
Sample Text
#13F8B7 on #FDCC0B1.10:1
Large Text Only (Fail)
Sample Text
#4487F9 on #F348751.01:1
Large Text Only (Fail)
Sample Text
#4487F9 on #FDCC0B2.27:1
Large Text Only (Fail)
Sample Text
#B11DEC on #F348751.41:1
Large Text Only (Fail)
Sample Text
#B11DEC on #FDCC0B3.25:1
Large Text Only (Pass)