Back to palettes

Palette

Neo Tokyo Pulse

A jolt of electric blues and shocking purples, inspired by a futuristic cyberpunk cityscape.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFFF#00BFFF#FF00FF#8A2BE2#191970

Palette guide

How to use Neo Tokyo Pulse

Overview

The Neo Tokyo Pulse palette delivers a powerful jolt of electric blues and shocking purples, capturing the essence of a futuristic cyberpunk cityscape. It features luminous #00FFFF (cyan), vibrant #00BFFF (deep sky blue), intense #FF00FF (magenta), rich #8A2BE2 (blue violet), and a profound #191970 (midnight blue). This palette is designed for projects that require a bold, dynamic, and high-tech aesthetic, perfect for evoking a sense of urban energy and digital sophistication. Designers will find it exceptional for creating immersive interfaces, impactful branding, or captivating digital art. Developers can leverage these colors for gaming UIs, sci-fi applications, or any platform aiming for a cutting-edge, energetic user experience.

Best used for

  • Cyberpunk game interfaces and visuals
  • Futuristic technology branding
  • Sci-fi movie posters and marketing
  • Dark mode application themes
  • Music video graphics (EDM, synthwave)
  • Digital art with an urban night theme

Suggested color roles

primary

Use #191970 as the deep, anchoring background, providing a rich base for the electric accents.

secondary

Apply #00BFFF for prominent headings or navigation elements, offering a strong, cool presence.

accent

Highlight key interactive elements or calls-to-action with #00FFFF or #FF00FF for an electrifying pop.

background

A dominant #191970 or dark charcoal background is crucial to make the neon blues and purples truly glow.

text

For optimal legibility on dark backgrounds, use #00FFFF, #FF00FF, or white. #00BFFF can also be used for headings.

Accessibility notes

  • Ensure high contrast between #00FFFF or #FF00FF text and #191970 background for readability.
  • Avoid using #8A2BE2 for small text on #191970 without careful contrast ratio checks.
  • The bright #00FFFF and #FF00FF provide excellent visibility for headings and important information.
  • Consider using larger font sizes for neon text to enhance readability, especially for #00BFFF.

Recommended combinations

Electric City

Ideal for creating dynamic UI backgrounds, loading screens, or visuals with a strong cyberpunk vibe.

#191970 · #00FFFF · #FF00FF

Urban Glow

Perfect for highlighting interactive elements, branding accents, or vibrant graphic overlays.

#00BFFF · #8A2BE2 · #00FFFF

Midnight Pulse

Effective for creating depth and mood in dark mode interfaces or sophisticated tech branding.

#191970 · #00BFFF · #8A2BE2

CSS variables

:root {
  --neo-tokyo-pulse-1: #00FFFF;
  --neo-tokyo-pulse-2: #00BFFF;
  --neo-tokyo-pulse-3: #FF00FF;
  --neo-tokyo-pulse-4: #8A2BE2;
  --neo-tokyo-pulse-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neo-tokyo-pulse": {
        1: "#00FFFF",
        2: "#00BFFF",
        3: "#FF00FF",
        4: "#8A2BE2",
        5: "#191970",
      }
    }
  }
}

Related searches

neo tokyo cyberpunk colorselectric blue purple palettefuturistic city UIdark mode neon aestheticvibrant tech colors

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00BFFF
·
Color 3#FF00FF
·
Color 4#8A2BE2
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
4.8:1AA
11.8:1AAA
2
1.7:1Fail
1.5:1Fail
2.8:1Fail
7:1AA
3
2.5:1Fail
1.5:1Fail
1.9:1Fail
4.7:1AA
4
4.8:1AA
2.8:1Fail
1.9:1Fail
2.5:1Fail
5
11.8:1AAA
7:1AA
4.7:1AA
2.5:1Fail

Similar palettes

More like Neo Tokyo Pulse

View all vibrant
City Neon Jungle
Cyber City Haze
Cyber Neon Pulse
Cybernetic Pulse Beat
Cyberpunk Alley Glow
Cyberpunk Alley Neon