Palette

Cyber Synth Glow

An electrifying mix of neon glow and dark depths, evoking a futuristic synthwave landscape.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#9932CC#00FFFF#FF00FF#8A2BE2

Palette guide

How to use Cyber Synth Glow

Overview

The Cyber Synth Glow palette is an electrifying mix of neon glow and dark depths, evoking a futuristic synthwave landscape. With the stark black of #000000 as its base, it erupts with the rich purple of #9932CC, the brilliant cyan of #00FFFF, and the shocking magenta of #FF00FF. #8A2BE2 adds a compelling blue-violet. This palette is ideal for designers creating high-impact, disruptive visuals, synthwave art, or branding that demands attention and conveys a cutting-edge, experimental feel. Developers will find these colors excellent for crafting dynamic error states, loading screens, or interactive elements that truly stand out in a digital landscape.

Best used for

Synthwave and vaporwave art and visuals
Cyberpunk game aesthetics and UI
Electronic music album art and promotion
Experimental web design and interactive experiences
Event branding for tech or art festivals
Abstract motion graphics and video effects

Suggested color roles

primary

#00FFFF - A dominant, electrifying cyan, perfect for primary branding elements or high-impact calls-to-action.

secondary

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

accent

#9932CC - A rich, medium purple, providing a powerful, almost aggressive highlight for interactive elements or warnings.

background

#000000 - A stark, true black, creating an immersive and deep canvas for the glowing elements.

text

#8A2BE2 - This blue-violet offers good readability for headings and key information against black. For body text, use white or a very light gray.

Accessibility notes

Extreme caution is needed for text contrast; many color combinations will fail WCAG AA. Use very dark or very light text.
Avoid using #00FFFF, #FF00FF, and #9932CC 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

Synth Grid

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

#000000 · #9932CC · #00FFFF

Neon Pulse

Creating chaotic, vibrant overlays or background patterns that mimic digital disruption with bright glows.

#FF00FF · #8A2BE2 · #00FFFF

Electric Flux

Bold interactive elements or energy indicators with purple, cyan, and magenta against a deep, dark background.

#9932CC · #00FFFF · #FF00FF

CSS variables

:root {
  --cyber-synth-glow-1: #000000;
  --cyber-synth-glow-2: #9932CC;
  --cyber-synth-glow-3: #00FFFF;
  --cyber-synth-glow-4: #FF00FF;
  --cyber-synth-glow-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-synth-glow": {
        1: "#000000",
        2: "#9932CC",
        3: "#00FFFF",
        4: "#FF00FF",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#9932CC

Color 3#00FFFF

Color 4#FF00FF

Color 5#8A2BE2

Accessibility

Contrast checker

3.7:1AA18

16.7:1AAA

6.7:1AA

3.5:1AA18

3.7:1AA18

4.5:1AA

1.8:1Fail

1:1Fail

16.7:1AAA

4.5:1AA

2.5:1Fail

4.8:1AA

6.7:1AA

1.8:1Fail

2.5:1Fail

1.9:1Fail

3.5:1AA18

1:1Fail

4.8:1AA

1.9:1Fail

Similar palettes

More like Cyber Synth Glow

View all vibrant

Cybernetic Glitch Flow