Back to palettes

Palette

Galactic Synth Wave

An electrifying palette inspired by futuristic cityscapes and retro synth-wave aesthetics.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Synth Wave 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 Galactic Synth Wave.

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

Data visualization

#2E1A47#5C2D91#945CE6#E060E6#FF99D4

Palette guide

How to use Galactic Synth Wave

Overview

The Galactic Synth Wave palette is an electrifying fusion of deep purples and vibrant pinks, perfect for designs that demand a retro-futuristic edge. With a dark base of #2E1A47, it quickly escalates into energetic hues like #5C2D91 and the vivid #945CE6. The bright #E060E6 and #FF99D4 create stunning neon accents, making this palette ideal for digital interfaces, event branding, or any project aiming for a dynamic, 80s-inspired synthwave aesthetic. Designers and developers will find it a high-impact choice for standing out, perfect for interactive elements and visually engaging content that needs to pop with electric energy.

Best used for

  • Retro game UIs
  • Synthwave music branding
  • Concert posters and flyers
  • Futuristic app designs
  • Digital art installations
  • Fashion streetwear graphics

Suggested color roles

primary

#2E1A47 (Deep, dark purple, providing a nocturnal base for backgrounds and core structural elements.)

secondary

#5C2D91 (Rich, foundational purple for depth and supportive visual areas, like secondary panels.)

accent

#E060E6 (Electric pink, best used for glowing highlights, prominent calls-to-action, or energetic interactive elements.)

background

#2E1A47 (A dark, immersive canvas that allows neon elements to truly shine, setting a dynamic mood.)

text

#FF99D4 (Bright, readable pink, offering good contrast for text on darker backgrounds, or use white for critical information.)

Accessibility notes

  • Ensure #FF99D4 provides sufficient contrast for body text on #2E1A47 and #5C2D91; use white for maximum readability.
  • Be cautious using #E060E6 or #945CE6 for small text; they are better suited for larger headings or accents due to contrast challenges.
  • Verify that interactive elements using bright colors like #E060E6 contrast well with their immediate background.
  • Always test color combinations for text and UI elements against WCAG AA standards, particularly with vibrant palettes.

Recommended combinations

Neon Glow

Creates striking headers, primary calls-to-action, or glowing effects for a high-impact visual.

#2E1A47 · #E060E6 · #5C2D91

Synth Gradient

Ideal for background gradients, section dividers, or energetic visual flows that capture attention.

#5C2D91 · #945CE6 · #E060E6

Electric Text

Effective for primary text on dark backgrounds, ensuring key information is clear and vibrant.

#2E1A47 · #FF99D4 · #945CE6

CSS variables

:root {
  --galactic-synth-wave-1: #2E1A47;
  --galactic-synth-wave-2: #5C2D91;
  --galactic-synth-wave-3: #945CE6;
  --galactic-synth-wave-4: #E060E6;
  --galactic-synth-wave-5: #FF99D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-synth-wave": {
        1: "#2E1A47",
        2: "#5C2D91",
        3: "#945CE6",
        4: "#E060E6",
        5: "#FF99D4",
      }
    }
  }
}

Related searches

synthwave color schemeneon purple pink paletteretro futuristic colorselectric design palette80s aesthetic colors

Palette colors

Hex values

Color 1#2E1A47
·
Color 2#5C2D91
·
Color 3#945CE6
·
Color 4#E060E6
·
Color 5#FF99D4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.6:1AA18
5.2:1AA
7.9:1AAA
2
1.7:1Fail
2.2:1Fail
3.1:1AA18
4.8:1AA
3
3.6:1AA18
2.2:1Fail
1.4:1Fail
2.2:1Fail
4
5.2:1AA
3.1:1AA18
1.4:1Fail
1.5:1Fail
5
7.9:1AAA
4.8:1AA
2.2:1Fail
1.5:1Fail

Similar palettes

More like Galactic Synth Wave

View all vibrant
Neon Retro Gradient
Synthwave Grid Glow
Abstract City Lights
Cyber Synth Glow
Cybernetic Voltage Surge
Digital Ghost Pixel