Palette

Synthwave Horizon Glitch

Electric and synthetic colors that capture the edgy, futuristic aesthetic of synthwave and 80s nostalgia.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#8A2BE2#FF1493#00FF00

Palette guide

How to use Synthwave Horizon Glitch

Overview

The "Synthwave Horizon Glitch" palette is an explosion of pure, unadulterated neon, embodying the electric energy and digital chaos of 80s synthwave. Featuring vivid magenta (#FF00FF), brilliant cyan (#00FFFF), a rich electric violet (#8A2BE2), hot pink (#FF1493), and a stark lime green (#00FF00), this collection is designed for high-impact, retro-futuristic visuals. It's ideal for designers and developers aiming to create experiences that pulse with energetic nostalgia, from arcade-inspired interfaces to dynamic motion graphics. The palette thrives on contrast against dark backdrops, making each color truly pop and creating an unmistakable aesthetic.

Best used for

Arcade game interfaces and UI elements
Retro-themed event posters and flyers
Dynamic website hero sections with dark backgrounds
Music visualizers and concert light shows
Vibrant digital illustrations and character designs
Branding for tech startups with an edgy, playful vibe

Suggested color roles

primary

#8A2BE2 (electric violet) offers a strong, distinctive base for major elements or a vibrant background when paired with darker text.

secondary

#FF1493 (hot pink) provides a passionate, energetic complement, great for secondary calls-to-action or decorative accents.

accent

#00FFFF (cyan) delivers a sharp, electric pop, perfect for interactive elements, highlights, or simulating digital glows.

background

While not a dark color, #8A2BE2 can create an immersive, vibrant background. For optimal contrast, a charcoal or black background is highly recommended, allowing these neons to truly shine.

text

#00FFFF or #00FF00 provide excellent visibility and a futuristic feel when used as text on dark (e.g., black or charcoal) backgrounds.

Accessibility notes

Due to the high vibrancy, ensure strong contrast ratios, especially when using these colors on dark backgrounds for text.
Avoid using #FF00FF (magenta) and #FF1493 (hot pink) together for critical information, as their similarity can reduce readability.
Consider the impact of intense neon colors on users with photosensitivity or visual impairments; use them judiciously.
For small text, always pair with a significantly darker or lighter background (e.g., #00FFFF on black) to maintain legibility.

Recommended combinations

Electric Glitch

A core synthwave combination for main UI elements, with #8A2BE2 as a base, #00FFFF for interactive states, and #FF00FF for highlights.

#8A2BE2 · #00FFFF · #FF00FF

Sunset Pulse

Creates a dynamic, energetic visual for hero images or striking graphics, blending hot pink, vibrant green, and electric violet.

#FF1493 · #00FF00 · #8A2BE2

Cyber Glow

Ideal for digital displays, loading screens, or abstract art, focusing on the three brightest neons for maximum impact.

#00FFFF · #FF00FF · #00FF00

CSS variables

:root {
  --synthwave-horizon-glitch-1: #FF00FF;
  --synthwave-horizon-glitch-2: #00FFFF;
  --synthwave-horizon-glitch-3: #8A2BE2;
  --synthwave-horizon-glitch-4: #FF1493;
  --synthwave-horizon-glitch-5: #00FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-horizon-glitch": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#8A2BE2",
        4: "#FF1493",
        5: "#00FF00",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#8A2BE2

Color 4#FF1493

Color 5#00FF00

Accessibility

Contrast checker

2.5:1Fail

1.9:1Fail

1.2:1Fail

2.3:1Fail

2.5:1Fail

4.8:1AA

2.9:1Fail

1.1:1Fail

1.9:1Fail

4.8:1AA

1.6:1Fail

4.3:1AA18

1.2:1Fail

2.9:1Fail

1.6:1Fail

2.7:1Fail

2.3:1Fail

1.1:1Fail

4.3:1AA18

2.7:1Fail

Similar palettes

More like Synthwave Horizon Glitch

View all vibrant

Digital Synthwave Horizon

Electric Sunset Vapor

Fluorescent Arcade Glow

Galactic Synth Wave

Neo Synth Grid

Neon Game Level