Palette

Neon Future Circuit

Electrifying neons against deep purples and blacks, capturing the essence of a futuristic cityscape.

Vibrantenergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Future Circuit 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 Future Circuit.

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

Data visualization

#00FFFF#FF00FF#00FF00#300090#1A1A1A

Palette guide

How to use Neon Future Circuit

Overview

The Neon Future Circuit palette transports users into an electrifying cyberpunk realm, ideal for projects demanding high energy and a futuristic edge. Featuring intense neons like radiant cyan (#00FFFF), vivid magenta (#FF00FF), and electric green (#00FF00), set against deep, immersive backgrounds such as dark indigo (#300090) and near-black charcoal (#1A1A1A). This combination ensures maximum visual impact and depth, perfect for digital interfaces, gaming environments, or dynamic branding. Designers and developers can leverage these vibrant contrasts to create truly memorable and engaging experiences that pop off the screen.

Best used for

Cyberpunk game interfaces and UI elements
Tech event branding and promotional materials
Vibrant digital art and motion graphics
Sci-fi themed website designs
Streaming overlays and content creation
Energetic music video aesthetics

Suggested color roles

primary

Use #00FFFF (Cyan) for main calls-to-action, active states, or key headings to grab immediate attention.

secondary

Apply #FF00FF (Magenta) for secondary interactive elements, progress indicators, or distinct content blocks.

accent

Incorporate #00FF00 (Green) for alerts, success messages, or subtle glowing effects to add depth and vibrancy.

background

Utilize #1A1A1A (Charcoal Black) as the primary background for content areas, providing a strong contrast to the neons, or #300090 (Dark Indigo) for deeper, atmospheric sections.

text

For body text, use white or a very light gray. Headings and critical information can leverage #00FFFF or #FF00FF for emphasis against dark backgrounds.

Accessibility notes

Ensure sufficient contrast between neon colors and dark backgrounds for text and UI elements; aim for WCAG AA or AAA.
Avoid using neon colors for large blocks of body text, as high saturation can cause eye strain.
When placing neon text on another neon, verify contrast ratios carefully, as many neon-on-neon combinations will fail.
Provide alternative text descriptions for purely color-coded information, especially for users with color vision deficiencies.

Recommended combinations

Cyberpunk Glow

Ideal for main page layouts where a bright highlight is needed against a deep, dark backdrop.

#00FFFF · #300090 · #1A1A1A

Electric Punch

Excellent for interactive elements, buttons, or small accent details that demand strong visual presence.

#FF00FF · #00FF00 · #1A1A1A

Future Circuit

Perfect for hero sections, dynamic headers, or visual effects that require a multi-neon glow.

#00FFFF · #FF00FF · #300090

CSS variables

:root {
  --neon-future-circuit-1: #00FFFF;
  --neon-future-circuit-2: #FF00FF;
  --neon-future-circuit-3: #00FF00;
  --neon-future-circuit-4: #300090;
  --neon-future-circuit-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-future-circuit": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#00FF00",
        4: "#300090",
        5: "#1A1A1A",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#00FF00

Color 4#300090

Color 5#1A1A1A

Accessibility

Contrast checker

2.5:1Fail

1.1:1Fail

11:1AAA

13.9:1AAA

2.5:1Fail

2.3:1Fail

4.4:1AA18

5.5:1AA

1.1:1Fail

2.3:1Fail

10:1AAA

12.7:1AAA

11:1AAA

4.4:1AA18

10:1AAA

1.3:1Fail

13.9:1AAA

5.5:1AA

12.7:1AAA

1.3:1Fail

Similar palettes

More like Neon Future Circuit

View all Vibrant

Cyberpunk Synthwave City

Electric Cyber Wave

Cyber Neon Glitch

Electric Funfair Lights

Street Art Canvas

Vaporwave Synth Glow