Back to palettes

Palette

Neo-Tokyo Street

A bold and futuristic palette capturing the electric glow and dynamic energy of a Neo-Tokyo streetscape.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFC0#FF00FF#00BFFF#FFD700#C71585

Palette guide

How to use Neo-Tokyo Street

Overview

The 'Neo-Tokyo Street' palette is a bold and futuristic collection, capturing the electric glow and dynamic energy of a vibrant cyberpunk streetscape. With striking hues like the radiant #00FFC0 (Electric Aqua), intense #FF00FF (Fuchsia Shock), and deep #00BFFF (Deep Sky Blue), this palette is designed for high impact. The additional pops of #FFD700 (Goldenrod) and #C71585 (Crimson Magenta) provide excellent accent opportunities, making it ideal for projects that demand an energetic, modern, and slightly rebellious aesthetic. Designers and developers will find its sharp contrasts perfect for creating truly memorable digital experiences.

Best used for

  • futuristic gaming interfaces
  • cyberpunk-themed digital art
  • high-energy event branding
  • synthwave music visuals
  • modern tech company websites
  • urban fashion graphic design

Suggested color roles

primary

Use #00FFC0 (Electric Aqua) as a vibrant primary color for main interactive elements, prominent headings, or background accents, providing a refreshing, high-tech feel.

secondary

Employ #FF00FF (Fuchsia Shock) for strong visual contrast in calls-to-action, secondary navigation, or as a striking highlight, amplifying the cyberpunk energy.

accent

Apply #FFD700 (Goldenrod) sparingly for crucial alerts, small icons, or glowing effects to draw immediate attention and add a touch of luxury.

background

Pair this palette with a deep charcoal or pure black background (e.g., #1A1A1A or #000000) to allow the neon colors to truly pop and create dramatic depth.

text

For body text, use a crisp white or very light grey (e.g., #F0F0F0) against dark backgrounds. For headings or emphasized text, #00FFC0 or #FF00FF can be highly effective against a dark base.

Accessibility notes

  • Ensure sufficient contrast between the bright neon colors and any background, especially for text, by pairing with very dark neutrals.
  • Avoid using #FF00FF and #C71585 in close proximity for small text or critical information due to potential color blindness issues.
  • When using #FFD700 as an accent, ensure it has adequate contrast against both light and dark elements to maintain visibility.
  • Provide clear focus states for interactive elements, using the most vibrant colors like #00FFC0 or #FF00FF against a dark background.

Recommended combinations

Cyberpunk UI

Ideal for main interface elements, creating a dynamic and interconnected digital feel with strong contrasts.

#00FFC0 · #FF00FF · #00BFFF

Energetic Highlight

Perfect for calls-to-action, alerts, or small, impactful graphical elements that demand immediate attention.

#FFD700 · #FF00FF · #C71585

Street Glow

Use for background gradients, subtle glowing effects, or layered graphical elements to evoke a futuristic urban ambiance.

#00BFFF · #00FFC0 · #FFD700

CSS variables

:root {
  --neo-tokyo-street-1: #00FFC0;
  --neo-tokyo-street-2: #FF00FF;
  --neo-tokyo-street-3: #00BFFF;
  --neo-tokyo-street-4: #FFD700;
  --neo-tokyo-street-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neo-tokyo-street": {
        1: "#00FFC0",
        2: "#FF00FF",
        3: "#00BFFF",
        4: "#FFD700",
        5: "#C71585",
      }
    }
  }
}

Related searches

neo tokyo color schemecyberpunk neon palettevibrant futuristic colorselectric street designbright UI palette

Palette colors

Hex values

Color 1#00FFC0
·
Color 2#FF00FF
·
Color 3#00BFFF
·
Color 4#FFD700
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
1.6:1Fail
1.1:1Fail
4.1:1AA18
2
2.4:1Fail
1.5:1Fail
2.2:1Fail
1.7:1Fail
3
1.6:1Fail
1.5:1Fail
1.5:1Fail
2.6:1Fail
4
1.1:1Fail
2.2:1Fail
1.5:1Fail
3.9:1AA18
5
4.1:1AA18
1.7:1Fail
2.6:1Fail
3.9:1AA18

Similar palettes

More like Neo-Tokyo Street

View all vibrant
Graffiti Wall Chroma
Arcade Power-Up
Bubblegum Neon Pop
Carnival Neon Nights
Circuit Board Glitch
City Canvas Pop