ColorSwatches.org

Laser Grid

Dark void, hot pink, laser cyan, electric orange, volt green
Dark Void
#0D0D1A
rgb(13, 13, 26)
Near-black with a deep blue undertone — the grid field at rest
Hot Pink
#FF0090
rgb(255, 0, 144)
Electric hot pink — vivid and assertive
Laser Cyan
#00F5FF
rgb(0, 245, 255)
Bright cyan at near-maximum intensity — a laser beam color
Electric Orange
#FF6E00
rgb(255, 110, 0)
Vivid electric orange — warm contrast against the cool neons
Volt Green
#CCFF00
rgb(204, 255, 0)
Yellow-green neon — high-voltage and eye-catching

Want to create your own neon palette from any color?

Try the Neon Palette Generator →

Laser Grid takes the cyberpunk aesthetic to its logical visual extreme — a near-black field crossed by four neon frequencies covering the spectrum from hot pink through cyan, orange, and volt green. The name evokes the holographic grid effects of 1980s science fiction: a dark plane interrupted only by vivid lines of synthetic color, each suggesting a different frequency of projected light. Hot Pink and Laser Cyan are the opposing cool poles; Electric Orange and Volt Green introduce warm contrast that prevents the palette from reading as purely cold.

The tension between warm and cool in this palette is what makes it more dynamic than a simple cool-neon scheme. Hot Pink sits at the warm-cool boundary — neither purely warm like orange nor purely cool like cyan — and it provides a visual axis around which the other three neons orbit. Laser Cyan pushes to maximum cool brightness; Electric Orange anchors the warm side without competing with the pinks; Volt Green bridges the gap with its yellow-green energy.

Sponsors

Laser Grid is ideally deployed in gaming, esports, and streamer branding, motion graphics for electronic music events, merchandise for tech brands with a futurist identity, and interactive UI elements in dark-mode applications where hover states and active indicators need to announce themselves unmistakably. The four-neon spread provides enough variety to assign distinct colors to UI states — active, hover, success, warning — without reaching outside the palette.

Against the Dark Void background, each neon reads as independently luminous. A useful technique in digital contexts is to add a CSS glow shadow around any element using its assigned neon color: box-shadow: 0 0 16px #FF0090; transforms a flat border into something that appears back-lit. Apply this technique to one neon at a time for hierarchy, or to all four simultaneously for a full laser-grid background effect at maximum intensity.

More Neon Color Palettes Palettes

View all Neon Color Palettes palettes →