Palette

Synthwave Horizon Glitch

A neon-drenched landscape inspired by the vibrant, futuristic aesthetic of 80s synthwave.

vibrantretro5 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

#F92078#2A1A5E#0C617F#70E0D1#FFC0CB

Palette guide

How to use Synthwave Horizon Glitch

Overview

The "Synthwave Horizon Glitch" palette offers a captivating journey into an 80s-inspired digital dreamscape. Dominated by the deep, mysterious base of #2A1A5E (dark indigo) and the vibrant, electric pop of #F92078 (neon magenta), this collection is perfect for projects demanding a retro-futuristic edge. Complementing these are the cool, aquatic tones of #0C617F (deep teal) and the soft, ethereal glow of #70E0D1 (minty cyan), rounded out by the delicate #FFC0CB (light pink). Designers can leverage these hex codes to craft immersive UIs, dynamic branding, or engaging digital art that evokes nostalgia with a modern twist. The balance of dark and neon provides excellent depth and contrast.

Best used for

80s retro-themed video games and app interfaces
Music album covers for synthwave or electronic genres
Futuristic brand identities and logo designs
Event promotions for retro parties or tech conferences
Animated intros and motion graphics with a neon aesthetic
Digital art and illustrations inspired by cyberpunk

Suggested color roles

primary

#2A1A5E serves as the profound, stable base, ideal for backgrounds, main panels, or large sections requiring a deep, immersive feel.

secondary

#0C617F offers a cool, slightly brighter anchor, excellent for secondary elements, navigation bars, or as a contrasting dark shade.

accent

#F92078 provides the essential neon pop, perfect for calls-to-action, glowing elements, interactive states, or key visual highlights.

background

#2A1A5E creates a truly immersive, dark canvas, allowing the brighter neons to pulsate with maximum impact.

text

#70E0D1 offers excellent readability against darker backgrounds like #2A1A5E or #0C617F, suitable for body text and descriptive labels.

Accessibility notes

Ensure sufficient contrast when using #FFC0CB or #70E0D1 for text on #F92078; these combinations may fail WCAG standards.
#70E0D1 on #2A1A5E provides good readability for larger text, but check for smaller font sizes.
Avoid placing #F92078 directly on #FFC0CB for interactive elements, as the contrast is very low.
For critical information, use high-contrast pairs like #70E0D1 or even white text on #2A1A5E or #0C617F.

Recommended combinations

Deep Neon Contrast

Ideal for dark mode interfaces where #2A1A5E is the background, #F92078 highlights interactive elements, and #70E0D1 is used for readable text.

#2A1A5E · #F92078 · #70E0D1

Horizon Blend

Creates a softer, atmospheric section, useful for headers or decorative backgrounds, with #0C617F as base, #70E0D1 for detail, and #FFC0CB for subtle accents.

#0C617F · #70E0D1 · #FFC0CB

Glitch Pop

A bold, energetic combination for hero sections or striking graphics, with #2A1A5E as a grounding dark, #F92078 as a dominant accent, and #FFC0CB as a delicate highlight.

#F92078 · #2A1A5E · #FFC0CB

CSS variables

:root {
  --synthwave-horizon-glitch-2-1: #F92078;
  --synthwave-horizon-glitch-2-2: #2A1A5E;
  --synthwave-horizon-glitch-2-3: #0C617F;
  --synthwave-horizon-glitch-2-4: #70E0D1;
  --synthwave-horizon-glitch-2-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-horizon-glitch-2": {
        1: "#F92078",
        2: "#2A1A5E",
        3: "#0C617F",
        4: "#70E0D1",
        5: "#FFC0CB",
      }
    }
  }
}

Hex values

Color 1#F92078

Color 2#2A1A5E

Color 3#0C617F

Color 4#70E0D1

Color 5#FFC0CB

Accessibility

Contrast checker

3.9:1AA18

1.8:1Fail

2.4:1Fail

2.5:1Fail

3.9:1AA18

2.2:1Fail

9.4:1AAA

9.7:1AAA

1.8:1Fail

2.2:1Fail

4.4:1AA18

4.5:1AA

2.4:1Fail

9.4:1AAA

4.4:1AA18

1:1Fail

2.5:1Fail

9.7:1AAA

4.5:1AA

1:1Fail

Similar palettes

More like Synthwave Horizon Glitch

View all vibrant

Electric Synthwave Drive

Neon Dream Sequence

Neon Synthwave Pulse

Retro Glow Grid

Synthwave Neon Horizon

Synthwave Sun Beam