Digital Neon

High-voltage accents on deep void black for screens that glow.

Tech, gaming & fintech — benefits from OKLCH + wide-gamut (P3)

About the Digital Neon palette

Digital Neon is built for the screen first: electric blue, hot pink, and acid lime detonate against a near-black "void" background. It is loud, energetic, and unapologetically digital — the look of gaming, crypto, and after-dark tech. Because its accents push toward the edge of sRGB, this palette genuinely rewards OKLCH authoring and wide-gamut (Display P3) output, where the brights stay vivid and consistent instead of clipping.

Where to use Digital Neon

Designed for tech, gaming, and fintech products, dark-mode UI, and event branding. Keep Void as the canvas and use the neons sparingly for emphasis, data, and interactive states — define them in OKLCH and ship a P3 layer so wide-gamut displays render them at full intensity.

Colors in the Digital Neon palette

Void base / background

HEX

#0B0B14

RGB

rgb(11, 11, 20)

HSL

hsl(240, 29%, 6%)

OKLCH

oklch(0.1545 0.0191 283.94)
Electric Blue accent

HEX

#32BDFF

RGB

rgb(50, 189, 255)

HSL

hsl(199, 100%, 60%)

OKLCH

oklch(0.7557 0.1471 235.09)
Hot Pink accent

HEX

#FF2D9B

RGB

rgb(255, 45, 155)

HSL

hsl(329, 100%, 59%)

OKLCH

oklch(0.6675 0.2514 355.4)
Lime accent

HEX

#B6FF3C

RGB

rgb(182, 255, 60)

HSL

hsl(82, 100%, 62%)

OKLCH

oklch(0.9187 0.2237 128.68)
Data Blue support

HEX

#1E7CFE

RGB

rgb(30, 124, 254)

HSL

hsl(215, 99%, 56%)

OKLCH

oklch(0.6092 0.2113 258.49)

Text contrast on the Void base

On the Void base (#0B0B14), white text reads best, scoring a WCAG contrast ratio of 19.59:1. Use it for body copy and pair the palette's deeper tones for headings and accents.

Digital Neon Body text on Void — white at 19.59:1

Copy the Digital Neon palette

CSS custom properties

:root {
	--color-1: #0B0B14;
	--color-2: #32BDFF;
	--color-3: #FF2D9B;
	--color-4: #B6FF3C;
	--color-5: #1E7CFE;
}

JSON

{ "colors": [
  { "hex": "#0B0B14", "rgb": "rgb(11, 11, 20)", "hsl": "hsl(240, 29%, 6%)", "oklch": "oklch(0.1545 0.0191 283.94)" },
  { "hex": "#32BDFF", "rgb": "rgb(50, 189, 255)", "hsl": "hsl(199, 100%, 60%)", "oklch": "oklch(0.7557 0.1471 235.09)" },
  { "hex": "#FF2D9B", "rgb": "rgb(255, 45, 155)", "hsl": "hsl(329, 100%, 59%)", "oklch": "oklch(0.6675 0.2514 355.4)" },
  { "hex": "#B6FF3C", "rgb": "rgb(182, 255, 60)", "hsl": "hsl(82, 100%, 62%)", "oklch": "oklch(0.9187 0.2237 128.68)" },
  { "hex": "#1E7CFE", "rgb": "rgb(30, 124, 254)", "hsl": "hsl(215, 99%, 56%)", "oklch": "oklch(0.6092 0.2113 258.49)" }
] }

Frequently asked questions

What is the Digital Neon palette?: Digital Neon is built for the screen first: electric blue, hot pink, and acid lime detonate against a near-black "void" background. It is loud, energetic, and unapologetically digital — the look of gaming, crypto, and after-dark tech. Because its accents push toward the edge of sRGB, this palette genuinely rewards OKLCH authoring and wide-gamut (Display P3) output, where the brights stay vivid and consistent instead of clipping.
What hex codes are in the Digital Neon palette?: The Digital Neon palette uses 5 colors: Void #0B0B14, Electric Blue #32BDFF, Hot Pink #FF2D9B, Lime #B6FF3C, Data Blue #1E7CFE.

All 2026 trend palettes