Electric Dusk Color Palette
Hot pink through deep violet, an electric twilight gradient.
Use as a gradient →
Colors
#F72585
#B5179E
#7209B7
#560BAD
#480CA8
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F72585 | T - | T - | |
| #B5179E | T - | T - | |
| #7209B7 | T - | T - | |
| #560BAD | T - | T - | |
| #480CA8 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Electric Dusk CSS Code
HEX Copy
#F72585 #B5179E #7209B7 #560BAD #480CA8
RGBA Copy
rgba(247, 37, 133, 1.0) rgba(181, 23, 158, 1.0) rgba(114, 9, 183, 1.0) rgba(86, 11, 173, 1.0) rgba(72, 12, 168, 1.0)
HSLA Copy
hsla(333, 93%, 56%, 1.0) hsla(309, 77%, 40%, 1.0) hsla(276, 91%, 38%, 1.0) hsla(268, 88%, 36%, 1.0) hsla(263, 87%, 35%, 1.0)
More Color Palettes
FAQ
What colors are in the Electric Dusk palette?Hot pink through deep violet, an electric twilight gradient.
How do I turn the Electric Dusk palette into a CSS gradient?
Use
background: linear-gradient(to right, #F72585, #B5179E, #7209B7, #560BAD, #480CA8);, or click "Use as a gradient" above to open it in the live generator.