vibrantneon
Electric Violet Color Palette
Electric Violet is a vibrant and neon color palette of 5 colors: Oxford Blue (#240046), Rebecca Purple (#5a189a), Dark Orchid (#9d4edd), Rose (#f72585) and Deep Sky Blue (#4cc9f0). Its dominant hue is purple.
The darkest color, Oxford Blue, on the lightest, Deep Sky Blue, gives a 9.38:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Rose (#f72585) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Rebecca Purple
- Dark Orchid
- Rose
- Deep Sky Blue
CSS Output
:root {
--electric-violet-1: #240046;
--electric-violet-2: #5a189a;
--electric-violet-3: #9d4edd;
--electric-violet-4: #f72585;
--electric-violet-5: #4cc9f0;
}Electric Violet on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on Deep Sky Blue#240046 on #4cc9f09.38:1AAA
- Rebecca Purple on Deep Sky Blue#5a189a on #4cc9f05.37:1AA
- Oxford Blue on Rose#240046 on #f725854.77:1AA
- Oxford Blue on Dark Orchid#240046 on #9d4edd3.92:1AA Large