Back to palettes

Palette

Synthwave Dreamscape

A futuristic retro palette, channeling the digital aesthetic and neon glow 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 Dreamscape 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 Dreamscape.

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

Data visualization

#673AB7#D12586#00C6BA#FFD700#1F1F2F

Palette guide

How to use Synthwave Dreamscape

Overview

The Synthwave Dreamscape palette channels the digital aesthetic and neon glow of 80s synthwave, creating a futuristic retro vibe. This scheme features a deep, almost black base of #1F1F2F, complemented by the rich purple #673AB7 and the vibrant pink of #D12586. An electric #00C6BA teal and a bright #FFD700 gold add striking, energetic accents. This palette is ideal for designers and developers aiming to evoke a sense of digital nostalgia, combining sophisticated depth with playful, high-energy pops of color. It's a versatile choice for projects that require both a retro charm and a modern, vibrant edge.

Best used for

  • Retro-themed video game design and assets
  • Music festival branding and promotional materials
  • Digital art prints and online portfolios
  • Web headers and interactive design elements
  • Motion graphics and animated sequences
  • Tech product packaging and advertising

Suggested color roles

primary

Use #1F1F2F as a deep, dark base color, providing a stable and immersive foundation for backgrounds or large areas.

secondary

Employ #673AB7 as a rich purple, adding atmospheric depth and sophistication to the overall design.

accent

Leverage #D12586 for vibrant, energetic pops, calls to action, or prominent graphic elements that need to stand out.

background

Apply #1F1F2F as the primary background, creating a dark, intriguing canvas that enhances the luminosity of the brighter colors.

text

Utilize #FFD700 for bright yellow text on dark backgrounds, or a crisp white or light gray for general body copy to ensure optimal readability.

Accessibility notes

  • Ensure #FFD700 and #00C6BA have sufficient contrast against #1F1F2F and #673AB7 for all text and UI elements (WCAG AA).
  • Avoid using #D12586 on #673AB7 for small text, as the contrast might be too low for optimal readability.
  • For critical information, consider larger font sizes or bolder weights when pairing neon colors on darker tones.
  • Always verify color contrast ratios using a WCAG compliance checker to meet accessibility standards.

Recommended combinations

Deep Glow

A dark, atmospheric base with a rich purple foundation and a vibrant pink accent for energetic focus.

#1F1F2F · #673AB7 · #D12586

Cyber Pop

Bright, electric teal and gold accents on a dark canvas, perfect for interactive elements or data visualization.

#00C6BA · #FFD700 · #1F1F2F

Retro Mix

A layered vibrant effect, combining pink, purple, and teal for dynamic graphic overlays and artistic compositions.

#D12586 · #673AB7 · #00C6BA

CSS variables

:root {
  --synthwave-dreamscape-1: #673AB7;
  --synthwave-dreamscape-2: #D12586;
  --synthwave-dreamscape-3: #00C6BA;
  --synthwave-dreamscape-4: #FFD700;
  --synthwave-dreamscape-5: #1F1F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-dreamscape": {
        1: "#673AB7",
        2: "#D12586",
        3: "#00C6BA",
        4: "#FFD700",
        5: "#1F1F2F",
      }
    }
  }
}

Related searches

80s dreamscape colorssynthwave retro palettedigital art neon palettecyberpunk aesthetic colorsvibrant game UI

Palette colors

Hex values

Color 1#673AB7
·
Color 2#D12586
·
Color 3#00C6BA
·
Color 4#FFD700
·
Color 5#1F1F2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.4:1AA18
5.2:1AA
2.2:1Fail
2
1.5:1Fail
2.3:1Fail
3.5:1AA18
3.3:1AA18
3
3.4:1AA18
2.3:1Fail
1.5:1Fail
7.6:1AAA
4
5.2:1AA
3.5:1AA18
1.5:1Fail
11.6:1AAA
5
2.2:1Fail
3.3:1AA18
7.6:1AAA
11.6:1AAA

Similar palettes

More like Synthwave Dreamscape

View all vibrant
Neon Dream Sequence
Retro Glow Grid
Retro Vaporwave Sunset
Synthwave Sunset
Vaporwave Neon Grid
80s Arcade Glow