Palette

Retro Futurism Dream

A nostalgic trip to a future imagined, blending neon glows and electric sunsets.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Futurism Dream 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 Retro Futurism Dream.

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

Data visualization

#00008B#8A2BE2#FF00FF#FFD700#FF4500

Palette guide

How to use Retro Futurism Dream

Overview

The Retro Futurism Dream palette is a nostalgic trip to a future imagined, blending neon glows and electric sunsets. Deep navy #00008B provides a mysterious, expansive backdrop for the vibrant, glowing accents of blue violet #8A2BE2, electric magenta #FF00FF, radiant gold #FFD700, and fiery orange #FF4500. This palette is perfect for designers and developers looking to craft immersive digital experiences, captivating visuals, or brand identities that evoke the wonder and energy of vintage sci-fi and synthwave aesthetics. It offers a rich, dynamic range for impactful and memorable designs.

Best used for

Video game development and UI design
Virtual reality (VR) interface concepts
Event branding for music festivals or tech conferences
Artistic installations and digital projections
Creative digital campaigns and advertisements
Science fiction book covers and illustrations

Suggested color roles

primary

Use #FF00FF (Magenta) for key calls-to-action, main headings, or central brand elements to create an electrifying focal point.

secondary

Employ #8A2BE2 (Blue Violet) for complementary sections, background gradients, or secondary navigation, adding mystical depth.

accent

Apply #FFD700 (Gold) or #FF4500 (Orange) sparingly for highlights, glow effects, or small interactive elements to create a radiant, energetic pop.

background

Utilize #00008B (Dark Blue) as a deep, immersive background, or a dark charcoal/black for maximum neon impact.

text

White or #FFD700 (Gold) are ideal for headings and important text on dark backgrounds. For larger body text, ensure high contrast with dark charcoal on lighter accents.

Accessibility notes

High contrast is essential with these vibrant and dark colors. Ensure all text is highly readable, especially on dark backgrounds.
Avoid placing #FFD700 (Gold) or #FF4500 (Orange) text directly on #00008B (Dark Blue) or #8A2BE2 (Blue Violet) for small text; reserve them for larger display text.
White text on #00008B (Dark Blue) or #8A2BE2 (Blue Violet) offers excellent readability for body content.
Test color combinations for interactive elements and text to meet WCAG contrast guidelines, particularly the vibrant accents.

Recommended combinations

Neon Sunset

Creates a vibrant neon pop on a deep, expansive background, ideal for hero sections or captivating digital art.

#FF00FF · #FFD700 · #00008B

Mystic Glow

Combines a mystical base with a warm, energetic accent, suitable for background gradients or secondary visual elements.

#8A2BE2 · #FF4500 · #00008B

Dreamscape Trio

A balanced intensity trio for classic retro-futuristic visuals, perfect for dynamic branding or interactive features.

#FF00FF · #8A2BE2 · #FFD700

CSS variables

:root {
  --retro-futurism-dream-1: #00008B;
  --retro-futurism-dream-2: #8A2BE2;
  --retro-futurism-dream-3: #FF00FF;
  --retro-futurism-dream-4: #FFD700;
  --retro-futurism-dream-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-futurism-dream": {
        1: "#00008B",
        2: "#8A2BE2",
        3: "#FF00FF",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#00008B

Color 2#8A2BE2

Color 3#FF00FF

Color 4#FFD700

Color 5#FF4500

Accessibility

Contrast checker

2.6:1Fail

4.9:1AA

10.9:1AAA

4.4:1AA18

2.6:1Fail

1.9:1Fail

4.2:1AA18

1.7:1Fail

4.9:1AA

1.9:1Fail

2.2:1Fail

1.1:1Fail

10.9:1AAA

4.2:1AA18

2.2:1Fail

2.5:1Fail

4.4:1AA18

1.7:1Fail

1.1:1Fail

2.5:1Fail

Similar palettes

More like Retro Futurism Dream

View all vibrant

Arcade Neon Dreams

Digital Retro Wave

Retro Synthwave Sunset

Synthwave Midnight Drive

Synthwave Neon Horizon

Synthwave Sunset Drive