Back to palettes

Palette

Synthwave Cyber Glitch

A high-energy palette with electric blues and purples, capturing a futuristic retro vibe.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FF0077#7700FF#0A0A0A

Palette guide

How to use Synthwave Cyber Glitch

Overview

The Synthwave Cyber Glitch palette delivers a high-energy, futuristic retro vibe, pulsating with electric blues and purples. It features the intense #FF00FF magenta, a striking #00FFFF cyan, and a vibrant #FF0077 pink, all set against a deep, almost black #0A0A0A base. A rich #7700FF purple adds a layer of mysterious depth to the energetic neons. This palette is engineered for designs that demand attention, evoking the aesthetic of a digital dystopia or a vibrant virtual reality. It's an excellent choice for projects seeking to combine modern tech aesthetics with nostalgic 80s synthwave energy.

Best used for

  • Cyberpunk-themed video game UI and environments
  • Virtual event graphics and digital installations
  • Tech startup branding with a modern edge
  • Animated motion graphics and visual effects
  • Streetwear and urban fashion designs
  • Interactive digital experiences and websites

Suggested color roles

primary

Use #7700FF as a deep, mysterious primary hue, grounding the vibrant neons and providing a sense of depth.

secondary

Apply #FF00FF for high-impact elements, calls to action, or prominent graphics that require immediate attention.

accent

Leverage #00FFFF for electrifying highlights, glitch effects, or crucial information, offering a sharp, cool contrast.

background

Utilize #0A0A0A as a near-black background to maximize the luminosity of the neon colors, creating a dramatic, infinite canvas.

text

Employ #FF0077 for vibrant, readable text on dark backgrounds, or use a crisp white or light gray for general body copy to ensure clarity.

Accessibility notes

  • Ensure #00FFFF and #FF0077 have sufficient contrast against #0A0A0A for text and interactive components.
  • Avoid using #FF00FF on #7700FF for small text to prevent readability issues due to similar luminance.
  • For critical text, consider larger font sizes or increased weight when using neon colors on dark backgrounds.
  • Always verify color contrast ratios with a WCAG compliance checker, especially for interactive elements.

Recommended combinations

Glitch Core

Dark, immersive base with a deep purple undercurrent and a vibrant magenta pulse for key elements.

#0A0A0A · #7700FF · #FF00FF

Cyber Glow

Bright, electric accents of cyan and pink on a dark canvas, perfect for highlighting or creating a digital glow.

#00FFFF · #FF0077 · #0A0A0A

Neon Haze

A layered neon effect, combining the primary vibrant hues for dynamic graphic overlays and artistic compositions.

#FF00FF · #7700FF · #00FFFF

CSS variables

:root {
  --synthwave-cyber-glitch-1: #FF00FF;
  --synthwave-cyber-glitch-2: #00FFFF;
  --synthwave-cyber-glitch-3: #FF0077;
  --synthwave-cyber-glitch-4: #7700FF;
  --synthwave-cyber-glitch-5: #0A0A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-cyber-glitch": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF0077",
        4: "#7700FF",
        5: "#0A0A0A",
      }
    }
  }
}

Related searches

cyberpunk color paletteglitch art colorsneon sci-fi paletteretro future colorssynthwave UI themes

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FF0077
·
Color 4#7700FF
·
Color 5#0A0A0A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.2:1Fail
2.1:1Fail
6.3:1AA
2
2.5:1Fail
3:1AA18
5.2:1AA
15.8:1AAA
3
1.2:1Fail
3:1AA18
1.7:1Fail
5.2:1AA
4
2.1:1Fail
5.2:1AA
1.7:1Fail
3:1AA18
5
6.3:1AA
15.8:1AAA
5.2:1AA
3:1AA18

Similar palettes

More like Synthwave Cyber Glitch

View all vibrant
City Neon Jungle
Electro Arcade Surge
Neon Synthwave Wave
Synthwave Grid Glow
Vaporwave Synth Night
Abstract City Lights