Electric Dusk Color Palette
Hot pink through deep violet, an electric twilight gradient.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
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. Click a check to verify it on colorcontrastcheck.com.
Electric Dusk CSS Code
oklch(64.29% 0.2436 0.71) oklch(53.56% 0.2253 335.66) oklch(44.68% 0.2282 304.02) oklch(40.26% 0.215 294.09) oklch(38.21% 0.2096 288.49)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
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 "Make it a gradient" above to open it in the live generator.