Palette

Synthwave Retro Future

Bold, electric hues for a vibrant journey into an 80s-inspired retro-futuristic landscape.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Synthwave Retro Future 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 Retro Future.

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

Data visualization

#FF00A2#FF7F00#00FFFF#00FF00#4B0082

Palette guide

How to use Synthwave Retro Future

Overview

The "Synthwave Retro Future" palette is a dynamic fusion of electric neons and a deep, grounding base, designed for projects that demand a powerful 80s aesthetic. Featuring the intense #FF00A2 (bright pink), vibrant #FF7F00 (orange), dazzling #00FFFF (cyan), and energetic #00FF00 (lime green), this collection bursts with life. The profound #4B0082 (dark indigo) serves as the perfect counterpoint, allowing the neons to truly ignite. Designers and developers can leverage these hex codes to create high-impact UIs, thrilling game environments, or bold branding that captures the essence of retro-futuristic energy and digital adventure, making every element pop.

Best used for

Retro arcade games and virtual experiences
High-energy website hero sections and landing pages
Branding for extreme sports, music, or tech startups
Dynamic motion graphics and animated sequences
Digital art illustrating futuristic cityscapes
Concert visuals and event branding for electronic music

Suggested color roles

primary

#4B0082 (dark indigo) provides a deep, stable foundation, ideal for backgrounds, main content areas, or large structural elements.

secondary

#FF00A2 (bright pink) offers a powerful, vibrant contrast, excellent for headers, calls-to-action, or dominant visual motifs.

accent

#00FFFF (cyan) and #00FF00 (lime green) are perfect for creating electric highlights, interactive elements, or simulating digital glows and energy.

background

#4B0082 creates an immersive, dark canvas, ensuring the intense neon colors achieve maximum visual impact and glow.

text

#00FFFF or #00FF00 provide excellent readability and a futuristic feel when used for text against the dark #4B0082 background.

Accessibility notes

#00FFFF or #00FF00 on #4B0082 offers strong contrast for text, suitable for body content and critical information.
Be cautious when pairing #FF00A2 (bright pink) with #FF7F00 (orange) for text, as their luminance can be similar, reducing readability.
Ensure interactive elements using the bright neons have clear hover/focus states, especially given their intensity.
For small text, always prioritize high contrast pairs like #00FFFF on #4B0082, or a plain white/charcoal on the brighter colors.

Recommended combinations

Digital Pulse

A striking dark mode combination, with #4B0082 as the base, #FF00A2 for primary accents, and #00FFFF for secondary highlights and text.

#4B0082 · #FF00A2 · #00FFFF

Arcade Sunset

Creates an energetic, retro gaming feel for headers or decorative panels, blending orange and green against a dark indigo.

#FF7F00 · #00FF00 · #4B0082

Neon Spectrum

Ideal for dynamic calls-to-action or animated effects, layering bright pink, cyan, and orange for a high-impact visual.

#FF00A2 · #00FFFF · #FF7F00

CSS variables

:root {
  --synthwave-retro-future-1: #FF00A2;
  --synthwave-retro-future-2: #FF7F00;
  --synthwave-retro-future-3: #00FFFF;
  --synthwave-retro-future-4: #00FF00;
  --synthwave-retro-future-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-retro-future": {
        1: "#FF00A2",
        2: "#FF7F00",
        3: "#00FFFF",
        4: "#00FF00",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#FF00A2

Color 2#FF7F00

Color 3#00FFFF

Color 4#00FF00

Color 5#4B0082

Accessibility

Contrast checker

1.4:1Fail

2.9:1Fail

2.7:1Fail

3.6:1AA18

1.4:1Fail

2:1Fail

1.8:1Fail

5.1:1AA

2.9:1Fail

2:1Fail

1.1:1Fail

10.3:1AAA

2.7:1Fail

1.8:1Fail

1.1:1Fail

9.4:1AAA

3.6:1AA18

5.1:1AA

10.3:1AAA

9.4:1AAA

Similar palettes

More like Synthwave Retro Future

Electric Synthwave Drive

Neon Dream Sequence