Palette

Cyber Glow

Blazing neon colors create an electrifying, futuristic energy, perfect for a digital, cyber-punk aesthetic.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyber Glow 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 Cyber Glow.

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

Data visualization

#00FFFF#39FF14#FF00FF#8A2BE2#00BFFF

Palette guide

How to use Cyber Glow

Overview

The Cyber Glow palette delivers blazing neon colors that create an electrifying, futuristic energy, perfect for a digital, cyber-punk aesthetic. Featuring the brilliant cyan of #00FFFF, the vivid green of #39FF14, and the shocking magenta of #FF00FF, this palette screams innovation. #8A2BE2 adds a deep, mysterious blue-violet, while #00BFFF provides a bright sky blue. Designers can leverage these hex codes to craft dynamic interfaces, captivating digital art, or powerful branding that conveys a sense of cutting-edge technology and bold futurism. Developers will find these colors excellent for creating UI elements that pop and command attention.

Best used for

Cyberpunk game interfaces and environments
Electronic music visuals and album covers
Sci-fi film posters and promotional materials
Vibrant tech product branding
Dynamic website hero sections and animations
Abstract digital art and motion graphics

Suggested color roles

primary

#00FFFF - A brilliant, energetic cyan, ideal for main brand elements, significant calls-to-action, or prominent UI features.

secondary

#FF00FF - A dazzling magenta, perfect for complementary interactive elements or striking graphic accents.

accent

#39FF14 - A vivid, pure neon green that provides a powerful, almost aggressive highlight for interactive elements or warnings.

background

#8A2BE2 - A deep, rich blue-violet that offers a strong, dark base for the brighter neon colors to truly glow against.

text

#00BFFF - This bright blue offers excellent readability for headings and key information against dark backgrounds. For body text, use white or a very light gray.

Accessibility notes

Ensure very high contrast for text, as many colors are extremely vibrant and can be difficult to read on each other.
Avoid using #00FFFF, #39FF14, and #FF00FF for large blocks of text; reserve them for accents and short statements.
The palette's high saturation and contrast can be jarring; use sparingly for users with light sensitivity.
Due to reliance on primary color hues, ensure alternative indicators for color-blind users, such as patterns or icons.

Recommended combinations

Neon Circuit

A dark, immersive background with glowing cyan and green elements, suitable for tech interfaces or data displays.

#8A2BE2 · #00FFFF · #39FF14

Electric Pulse

High-energy compositions for hero sections or transition effects, mimicking digital energy flows.

#FF00FF · #00BFFF · #00FFFF

Cyber Flare

Bold, contrasting elements for calls-to-action, progress indicators, or striking graphical overlays that demand attention.

#39FF14 · #FF00FF · #8A2BE2

CSS variables

:root {
  --cyber-glow-1: #00FFFF;
  --cyber-glow-2: #39FF14;
  --cyber-glow-3: #FF00FF;
  --cyber-glow-4: #8A2BE2;
  --cyber-glow-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-glow": {
        1: "#00FFFF",
        2: "#39FF14",
        3: "#FF00FF",
        4: "#8A2BE2",
        5: "#00BFFF",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#39FF14

Color 3#FF00FF

Color 4#8A2BE2

Color 5#00BFFF

Accessibility

Contrast checker

1.1:1Fail

2.5:1Fail

4.8:1AA

1.7:1Fail

1.1:1Fail

2.3:1Fail

4.4:1AA18

1.6:1Fail

2.5:1Fail

2.3:1Fail

1.9:1Fail

1.5:1Fail

4.8:1AA

4.4:1AA18

1.9:1Fail

2.8:1Fail

1.7:1Fail

1.6:1Fail

1.5:1Fail

2.8:1Fail

Similar palettes

More like Cyber Glow

View all vibrant

Neon City Rain

Aurora Borealis

Celestial Aurora Dance

City Neon Rain

Cyber Glow Graffiti

Cybernetic Voltage Surge