Palette

Retro Futurism

Bold and audacious, this palette echoes vintage sci-fi aesthetics with a modern, energetic twist.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FB007F#00AEEF#FFD700#2E0854#30FF6C

Palette guide

How to use Retro Futurism

Overview

The Retro Futurism palette is bold and audacious, echoing vintage sci-fi aesthetics with a modern, energetic twist. Deep pink #FB007F, electric sky blue #00AEEF, and vibrant lime green #30FF6C create a powerful, glowing triad, perfectly balanced by the radiant gold #FFD700. A rich, mysterious dark violet #2E0854 grounds the entire scheme. This palette is ideal for designers and developers aiming to create high-impact projects, from gaming interfaces to cutting-edge tech presentations, offering a vivid and dynamic visual language that captures the excitement of an imagined future through an 80s lens.

Best used for

Sci-fi movie posters and visual branding
Gaming branding and marketing materials
Digital art and creative illustrations
Cutting-edge tech presentations and websites
Music video aesthetics and album covers
Event branding for futuristic themes

Suggested color roles

primary

Use #FB007F (Deep Pink) for main calls-to-action, prominent headlines, or key brand elements to convey audacity and central focus.

secondary

Employ #00AEEF (Sky Blue) for complementary sections, background gradients, or secondary navigation, adding an expansive, electric feel.

accent

Apply #30FF6C (Lime Green) or #FFD700 (Gold) sparingly for highlights, glow effects, or small interactive elements, creating vivid pops.

background

Utilize #2E0854 (Dark Violet) as a deep, mysterious 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

This palette is designed for impact; prioritize contrast, especially when using vibrant colors on dark backgrounds for readability.
Avoid using #FFD700 (Gold) or #30FF6C (Lime Green) for small body text on #2E0854 (Dark Violet), as contrast will likely be insufficient.
White text on #2E0854 (Dark Violet) offers the best readability for body content, meeting WCAG standards.
Test all text and interactive elements for sufficient contrast to ensure accessibility, particularly for the luminous accents.

Recommended combinations

Core Retro-Futurism

The foundational trio for vibrant visuals on a deep background, ideal for hero sections or brand identity.

#FB007F · #00AEEF · #2E0854

Electric Accents

Combines bright, energetic accents on a mysterious base, perfect for highlighting key information or interactive elements.

#FFD700 · #30FF6C · #2E0854

High-Energy Trio

A powerful combination of primary and secondary with a radiant accent, ideal for dynamic marketing or digital art.

#FB007F · #00AEEF · #FFD700

CSS variables

:root {
  --retro-futurism-1: #FB007F;
  --retro-futurism-2: #00AEEF;
  --retro-futurism-3: #FFD700;
  --retro-futurism-4: #2E0854;
  --retro-futurism-5: #30FF6C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-futurism": {
        1: "#FB007F",
        2: "#00AEEF",
        3: "#FFD700",
        4: "#2E0854",
        5: "#30FF6C",
      }
    }
  }
}

Hex values

Color 1#FB007F

Color 2#00AEEF

Color 3#FFD700

Color 4#2E0854

Color 5#30FF6C

Accessibility

Contrast checker

1.5:1Fail

2.8:1Fail

4.2:1AA18

2.9:1Fail

1.5:1Fail

1.8:1Fail

6.5:1AA

1.9:1Fail

2.8:1Fail

1.8:1Fail

11.7:1AAA

1:1Fail

4.2:1AA18

6.5:1AA

11.7:1AAA

12.2:1AAA

2.9:1Fail

1.9:1Fail

1:1Fail

12.2:1AAA

Similar palettes

More like Retro Futurism

View all vibrant

Synthwave Sunset Drive