Palette

Digital Synthwave Horizon

Electrifying colors capturing the essence of an 80s neon-lit skyline against a digital sunset.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF007F#00FFFF#FFD700#4B0082#1E90FF

Palette guide

How to use Digital Synthwave Horizon

Overview

The Digital Synthwave Horizon palette features electrifying colors capturing the essence of an 80s neon-lit skyline against a digital sunset. With vibrant hot pink (#FF007F), brilliant cyan (#00FFFF), rich gold (#FFD700), deep indigo (#4B0082), and striking royal blue (#1E90FF), this palette is perfect for designers and developers creating projects with a synthwave, retro-futuristic, or energetic aesthetic. Its high saturation and diverse hues make it ideal for dynamic user interfaces, engaging game environments, or bold branding that stands out. The interplay of cool blues and warm neons, grounded by the deep indigo, offers a sophisticated yet energetic visual experience.

Best used for

Synthwave music album covers
Retro-futuristic game UI
80s inspired event branding
Cyberpunk digital art
Motion graphics with neon effects
Vibrant website headers

Suggested color roles

primary

Use #4B0082 as the dominant background or base, providing depth and allowing other colors to truly pop.

secondary

Employ #FF007F or #00FFFF for primary interactive elements, calls-to-action, or key data points.

accent

Apply #FFD700 or #1E90FF for dynamic accents, hover states, or to introduce a vibrant contrast.

background

A deep #4B0082 background is crucial to enhance the neon glow, creating a classic synthwave atmosphere.

text

For general text, a bright white or light grey (not in palette) provides excellent readability against dark backgrounds. Use neons for headlines.

Accessibility notes

Ensure sufficient contrast for all text, especially when using neon colors on #4B0082 backgrounds (WCAG AA usually met).
Avoid using #FFD700 on #00FFFF or similar bright pairings for small text due to potential readability issues.
The intensity of neon colors can be overwhelming; use them strategically for emphasis, not for large blocks of text.
Test color combinations for readability, particularly for users with color vision deficiencies, as some pairings might be difficult.

Recommended combinations

Synth Horizon

Ideal for atmospheric backgrounds, gradients, or main graphical elements that evoke a retro horizon.

#4B0082 · #FF007F · #00FFFF

Neon City

Excellent for UI elements, outlines, or to simulate glowing cityscapes in a dark, futuristic interface.

#4B0082 · #FFD700 · #1E90FF

Digital Sunset

Suitable for vibrant graphic overlays, data visualizations, or elements needing maximum digital energy.

#FF007F · #00FFFF · #FFD700

CSS variables

:root {
  --digital-synthwave-horizon-1: #FF007F;
  --digital-synthwave-horizon-2: #00FFFF;
  --digital-synthwave-horizon-3: #FFD700;
  --digital-synthwave-horizon-4: #4B0082;
  --digital-synthwave-horizon-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-synthwave-horizon": {
        1: "#FF007F",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#4B0082",
        5: "#1E90FF",
      }
    }
  }
}

Hex values

Color 1#FF007F

Color 2#00FFFF

Color 3#FFD700

Color 4#4B0082

Color 5#1E90FF

Accessibility

Contrast checker

3:1AA18

2.7:1Fail

3.4:1AA18

1.2:1Fail

3:1AA18

1.1:1Fail

10.3:1AAA

2.6:1Fail

2.7:1Fail

1.1:1Fail

9.2:1AAA

2.3:1Fail

3.4:1AA18

10.3:1AAA

9.2:1AAA

4:1AA18

1.2:1Fail

2.6:1Fail

2.3:1Fail

4:1AA18

Similar palettes

More like Digital Synthwave Horizon

View all vibrant

Electric Sunset Vapor

Neo Synth Grid

Synthwave Circuit City

Vaporwave Neon Horizon

Cosmic Ray Burst

Cyber Synth Glow