Back to palettes

Palette

Neon City Glimmer

Vibrant, electric colors against a dark background, capturing the dazzling shimmer of a neon city night.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon City Glimmer 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 City Glimmer.

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

Data visualization

#FF00FF#00FFFF#FFD700#00FF00#1A1A1A

Palette guide

How to use Neon City Glimmer

Overview

The Neon City Glimmer palette captures the dazzling shimmer of a futuristic metropolis at night, offering a vibrant, electric aesthetic. With striking hex codes like #FF00FF (magenta), #00FFFF (cyan), #FFD700 (gold), #00FF00 (lime green), and a deep #1A1A1A (dark gray) as its anchor, this palette is perfect for projects demanding high energy and a cutting-edge feel. Designers and developers can leverage its bold contrasts to create immersive digital experiences, dynamic interfaces, or eye-catching branding that truly stands out. It's a versatile collection for evoking a sense of energetic, urban glow.

Best used for

  • Cyberpunk game interfaces and environments
  • Vibrant event branding and concert posters
  • Futuristic UI/UX design for tech applications
  • Digital art and motion graphics
  • E-sports team branding and merchandise
  • Nightclub or bar promotional materials

Suggested color roles

primary

Use #FF00FF (Magenta) for bold headlines, primary interactive elements, or key branding accents to convey excitement and creativity.

secondary

Employ #00FFFF (Cyan) for complementary graphics, secondary navigation, or as a striking glow effect, offering a cool digital contrast.

accent

Apply #FFD700 (Gold) for crucial call-to-action buttons, spotlight elements, or to add a touch of luxury and high-tech polish.

background

Utilize #1A1A1A (Dark Gray) as the primary background color to provide a deep, stable foundation that makes the neon hues truly pop and glow.

text

For headings, use #00FF00 (Lime Green) or #00FFFF. For body text, a bright white or light gray provides optimal readability against the dark background.

Accessibility notes

  • Ensure sufficient contrast when using neon colors on #1A1A1A; most will pass WCAG AA, but always test.
  • Avoid using pure neon colors for small body text; reserve them for larger headings or accents.
  • For long-form content, use a neutral light color like white or light gray on the #1A1A1A background.
  • Be mindful of distinguishing between #00FF00 and #FFD700 for colorblind users when used in close proximity.

Recommended combinations

Deep Cyber Core

Ideal for main UI backgrounds, navigation bars, and interactive elements in a dark theme.

#1A1A1A · #FF00FF · #00FFFF

Energetic Highlight

Perfect for call-to-action buttons, progress indicators, or vibrant data visualization on a dark base.

#FFD700 · #00FF00 · #1A1A1A

Electric Trio

Excellent for striking headers, graphic overlays, or hero sections that demand immediate attention.

#00FFFF · #FF00FF · #00FF00

CSS variables

:root {
  --neon-city-glimmer-1: #FF00FF;
  --neon-city-glimmer-2: #00FFFF;
  --neon-city-glimmer-3: #FFD700;
  --neon-city-glimmer-4: #00FF00;
  --neon-city-glimmer-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-city-glimmer": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#00FF00",
        5: "#1A1A1A",
      }
    }
  }
}

Related searches

neon design palettecyberpunk colorsfuturistic ui color schemevibrant dark themeelectric glow palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFD700
·
Color 4#00FF00
·
Color 5#1A1A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
2.3:1Fail
5.5:1AA
2
2.5:1Fail
1.1:1Fail
1.1:1Fail
13.9:1AAA
3
2.2:1Fail
1.1:1Fail
1:1Fail
12.4:1AAA
4
2.3:1Fail
1.1:1Fail
1:1Fail
12.7:1AAA
5
5.5:1AA
13.9:1AAA
12.4:1AAA
12.7:1AAA

Similar palettes

More like Neon City Glimmer

View all Vibrant
Cybernetic Chroma Burst
Neon City Grid
City Night Electric
Cyberpunk Alley Glow
Glitch System Interface
Vibrant City Pulse