Back to palettes

Palette

Neon Cityscape Edge

Sharp, glowing, and intense colors representing the dynamic energy of a futuristic city's neon-lit edge.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Cityscape Edge reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Neon Cityscape Edge.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#00FF00#00FFFF#FF00FF#FFFF00#FF0000

Palette guide

How to use Neon Cityscape Edge

Overview

The Neon Cityscape Edge palette is an intense, unadulterated collection of primary and secondary neon hues, perfect for projects demanding raw digital energy. Comprising #00FF00 (green), #00FFFF (cyan), #FF00FF (magenta), #FFFF00 (yellow), and #FF0000 (red), this palette delivers maximum visual impact. It embodies the sharp, glowing lights of a futuristic city's edge, offering a bold and uncompromising aesthetic. Designers can leverage these pure, vibrant colors to create striking interfaces, retro-futuristic art, or any design needing an immediate, high-voltage presence against a dark background.

Best used for

  • Retro arcade game interfaces and visuals
  • Abstract digital art and motion graphics
  • Sci-fi warning signs and futuristic indicators
  • Virtual reality environments and immersive displays
  • High-contrast data visualization
  • Experimental tech branding and visual effects

Suggested color roles

primary

These are all highly saturated accent colors; a true black or very deep charcoal (e.g., #000000) is essential as a primary background.

secondary

No secondary mid-tones exist; each color serves as a distinct, powerful accent.

accent

Utilize #00FF00, #00FFFF, #FF00FF, #FFFF00, and #FF0000 for all critical highlights, interactive elements, and focal points.

background

A pure black (#000000) or extremely dark gray is mandatory to allow these intense colors to glow effectively and ensure legibility.

text

Bright white or a very light gray (#EEEEEE) is recommended for general body text. Reserve these neon colors for prominent headlines, alerts, or interactive labels.

Accessibility notes

  • All neon colors must be used on a pure black or very dark background to ensure sufficient contrast (WCAG AA or AAA).
  • Avoid using these bright colors for large blocks of text, as high saturation can lead to eye strain.
  • Be aware of potential color blindness issues when relying solely on color differences for information conveyed by these hues.
  • Ensure interactive states (hover, active) use distinct color changes to provide clear feedback.

Recommended combinations

RGB Core

Classic digital display: #000000 background, #FF0000 for errors/warnings, #00FF00 for success/active states.

#FF0000 · #00FF00 · #00FFFF

CMY Blast

Futuristic UI: #000000 base, #00FFFF for information, #FF00FF for interactive elements.

#00FFFF · #FF00FF · #FFFF00

Warning Glow

Alerts and indicators: #000000 background, #FFFF00 for caution, #FF0000 for critical warnings.

#FFFF00 · #FF0000 · #FF00FF

CSS variables

:root {
  --neon-cityscape-edge-1: #00FF00;
  --neon-cityscape-edge-2: #00FFFF;
  --neon-cityscape-edge-3: #FF00FF;
  --neon-cityscape-edge-4: #FFFF00;
  --neon-cityscape-edge-5: #FF0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-cityscape-edge": {
        1: "#00FF00",
        2: "#00FFFF",
        3: "#FF00FF",
        4: "#FFFF00",
        5: "#FF0000",
      }
    }
  }
}

Related searches

pure neon colorsrgb cmy palettefuturistic digital art colorsintense cyberpunk schemebright electric ui

Palette colors

Hex values

Color 1#00FF00
·
Color 2#00FFFF
·
Color 3#FF00FF
·
Color 4#FFFF00
·
Color 5#FF0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.3:1Fail
1.3:1Fail
2.9:1Fail
2
1.1:1Fail
2.5:1Fail
1.2:1Fail
3.2:1AA18
3
2.3:1Fail
2.5:1Fail
2.9:1Fail
1.3:1Fail
4
1.3:1Fail
1.2:1Fail
2.9:1Fail
3.7:1AA18
5
2.9:1Fail
3.2:1AA18
1.3:1Fail
3.7:1AA18

Similar palettes

More like Neon Cityscape Edge

View all vibrant
City Neon Pulse
Cyber City Haze
Cyberpunk Alley Light
Cyberpunk Alley Neon
Electric City Neon
Electric City Night