paletta

PALETTE GALLERY

Neon color palette

Neon palettes only work on a near-black background: every neon hue in this set is far too light to pass contrast on white, but the same colors reach AAA the moment they land on blackout. This is a dark-surface-first palette by construction, not by preference.

Updated 2026-07-15
  • Neon GreenPrimary
    #39FF88
  • Electric MagentaAccent
    #FF3EC9
  • Cyber CyanHighlight
    #00E5FF
  • Volt YellowAccent 2
    #FFF200
  • Signal WhiteText
    #F5F5F5
  • BlackoutBackground
    #0A0A0F

Where this palette works

  • Gaming and esports interfaces

    High-saturation neon on black is the established visual language for competitive and gaming products.

  • Event, nightlife, and entertainment marketing

    Neon reads as energetic and current in a way no desaturated palette can replicate.

  • Data visualization on dark dashboards

    Four distinct neon hues at matched lightness give chart series strong separation against a dark background.

Accessible pairings

Every neon swatch here clears AA or better against blackout, so unlike the pastel set, this palette does not need a single dedicated ink color. Pick whichever neon fits the semantic role and it holds contrast on the shared dark background.

Aa
Signal white on blackout
Contrast 18.11 : 1AAA
Aa
Neon green on blackout
Contrast 14.89 : 1AAA
Aa
Electric magenta on blackout
Contrast 6.38 : 1AA
EXPORT

Use these tokens

Copy as CSS custom properties or a Tailwind v4 @theme block.

:root {
  --palette-primary: #39FF88; /* Neon Green */
  --palette-accent: #FF3EC9; /* Electric Magenta */
  --palette-highlight: #00E5FF; /* Cyber Cyan */
  --palette-accent-2: #FFF200; /* Volt Yellow */
  --palette-text: #F5F5F5; /* Signal White */
  --palette-background: #0A0A0F; /* Blackout */
}

FAQ

Frequently asked questions

Neon hues are defined by extreme lightness and saturation together. That same high lightness that reads as glowing on a dark background collapses contrast on a light one: Neon Green (#39FF88) is only 1.33:1 against white, nowhere near the 4.5:1 floor.

Yes, as long as it stays on a dark background. Every swatch in this set clears at least AA against Blackout (#0A0A0F), several reach AAA, so the palette is genuinely accessible within its intended context, not just visually loud.

Prefer Signal White (#F5F5F5) for body copy even in a neon palette. It reaches 18.12:1 against Blackout, the highest ratio in the set, and keeps long-form text comfortable to read while the neon hues carry accents and highlights.

Related palettes

Build on this palette

Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.