neonvibrantdark
Laser Tag Color Palette
Laser Tag is a neon, vibrant and dark color palette of 5 colors: Midnight Blue (#120458), Blue Violet (#7a04eb), Deep Pink (#ff00a0), Violet (#fe75fe) and Cyan (#00f0ff). Its dominant hue is purple.
The darkest color, Midnight Blue, on the lightest, Cyan, gives a 12.59:1 contrast ratio — enough for body text at WCAG AAA. 4 pairs in this palette pass AA for normal text. Blue Violet (#7a04eb) is its most saturated color and a natural choice for buttons and links.
Colors
- Midnight Blue
- Blue Violet
- Deep Pink
- Violet
- Cyan
CSS Output
:root {
--laser-tag-1: #120458;
--laser-tag-2: #7a04eb;
--laser-tag-3: #ff00a0;
--laser-tag-4: #fe75fe;
--laser-tag-5: #00f0ff;
}Laser Tag 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.
- Midnight Blue on Cyan#120458 on #00f0ff12.59:1AAA
- Midnight Blue on Violet#120458 on #fe75fe7.76:1AAA
- Blue Violet on Cyan#7a04eb on #00f0ff4.89:1AA
- Midnight Blue on Deep Pink#120458 on #ff00a04.86:1AA
- Blue Violet on Violet#7a04eb on #fe75fe3.01:1AA Large