Back to palettes

Palette

Neo Tokyo Rush

A high-energy, electric palette capturing the glowing, futuristic chaos of a bustling cyberpunk metropolis at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neo Tokyo Rush 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 Neo Tokyo Rush.

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

Data visualization

#FF00FF#00FFFF#00FF00#FFD700#1E90FF

Palette guide

How to use Neo Tokyo Rush

Overview

The Neo Tokyo Rush palette is a high-energy, electric blend that perfectly captures the glowing, futuristic chaos of a bustling cyberpunk metropolis at night. It features intense #FF00FF (magenta), vibrant #00FFFF (cyan), striking #00FF00 (lime green), bold #FFD700 (cyber gold), and dynamic #1E90FF (dodger blue). This palette is designed for projects that demand speed, dynamism, and an edgy, tech-forward aesthetic. Designers will find it excellent for creating impactful branding, immersive digital interfaces, or captivating game environments. Developers can leverage these vivid colors to build engaging, interactive user experiences that evoke excitement and innovation.

Best used for

  • Cyberpunk video game branding
  • High-speed tech product design
  • Action-packed movie or game marketing
  • Nightlife and event promotions
  • Digital art with a futuristic urban theme
  • Energetic web and mobile applications

Suggested color roles

primary

Use #FF00FF for prominent headings or key interactive elements, demanding immediate attention and conveying urgency.

secondary

Apply #00FFFF for supporting graphics or navigation, offering a cool, electric contrast.

accent

Highlight critical information or calls-to-action with #00FF00 or #FFD700 for a sharp, energetic pop.

background

A deep black or very dark charcoal background is essential to maximize the luminosity and contrast of these neon colors.

text

For optimal legibility on dark backgrounds, use #FF00FF, #00FFFF, #FFD700, or white. #1E90FF can be used for secondary text if contrast allows.

Accessibility notes

  • Ensure high contrast between neon text colors and dark backgrounds for WCAG compliance.
  • Avoid using #1E90FF for small text on a black background without careful contrast checking.
  • The extreme vibrancy of #FF00FF, #00FFFF, and #00FF00 offers excellent visibility for headings.
  • Consider using larger font sizes for neon accents to improve readability and visual impact in fast-paced interfaces.

Recommended combinations

Urban Neon

Ideal for creating dynamic cityscapes, UI elements, or visuals with a strong, electric energy.

#FF00FF · #00FFFF · #00FF00

Rush Hour

Perfect for high-impact branding, call-to-action buttons, or striking graphic accents in fast-moving designs.

#FFD700 · #1E90FF · #FF00FF

Cyber Speed

Effective for creating a cool, tech-infused aesthetic in digital interfaces, evoking speed and precision.

#00FFFF · #00FF00 · #1E90FF

CSS variables

:root {
  --neo-tokyo-rush-1: #FF00FF;
  --neo-tokyo-rush-2: #00FFFF;
  --neo-tokyo-rush-3: #00FF00;
  --neo-tokyo-rush-4: #FFD700;
  --neo-tokyo-rush-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neo-tokyo-rush": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#00FF00",
        4: "#FFD700",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

neo tokyo rush colorscyberpunk neon citybright energetic palettefuturistic UI speedvibrant tech design

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.3:1Fail
2.2:1Fail
1:1Fail
2
2.5:1Fail
1.1:1Fail
1.1:1Fail
2.6:1Fail
3
2.3:1Fail
1.1:1Fail
1:1Fail
2.4:1Fail
4
2.2:1Fail
1.1:1Fail
1:1Fail
2.3:1Fail
5
1:1Fail
2.6:1Fail
2.4:1Fail
2.3:1Fail

Similar palettes

More like Neo Tokyo Rush

View all vibrant
Cyber Glow Spectrum
Cyber Glow Graffiti
Cyberpunk Alley Neon
Electric City Neon
Electric Neon Grid
Electric Night Cityscape