Palette

Retro Future Pop

A high-energy mix of electric neon colors, echoing the dynamic and optimistic vibe of retro-futuristic art.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0090#00FFB4#FFFF00#FF6600#8A2BE2

Palette guide

How to use Retro Future Pop

Overview

The Retro Future Pop palette is an energetic explosion of electric neon colors, perfectly echoing the dynamic and optimistic vibe of retro-futuristic art. With a bold magenta #FF0090, vibrant teal #00FFB4, and dazzling yellow #FFFF00, it creates an immediate visual impact. Grounded by a rich purple #8A2BE2 and ignited by a fiery orange #FF6600, this palette offers unparalleled versatility for designers and developers crafting pop culture-inspired projects. It's ideal for creating lively brand identities, captivating digital experiences, and anything that demands a high-energy, unforgettable aesthetic.

Best used for

Pop culture branding and advertising
Music festival and concert promotions
Digital art and motion graphics
Fashion and streetwear design
Vibrant app and website UI
Interactive installations and event visuals

Suggested color roles

primary

Use #FF0090 (Magenta) for main calls-to-action, prominent headings, or brand elements that require a bold, playful presence.

secondary

Employ #00FFB4 (Teal) for complementary sections, secondary navigation, or as a contrasting highlight against warmer tones.

accent

Apply #FFFF00 (Yellow) sparingly for ultimate pop, glow effects, or small interactive elements to draw immediate attention.

background

Utilize #8A2BE2 (Purple) as a deep, dramatic background, or a dark charcoal/black to make the neon colors truly shine.

text

White or #FFFF00 (Yellow) 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 thrives on dark backgrounds; contrast will be very poor on light ones. Prioritize dark backgrounds for readability.
Avoid using #FFFF00 (Yellow) for small body text, especially on #FF6600 (Orange) or #00FFB4 (Teal), as contrast will be insufficient.
Ensure white text on #8A2BE2 (Purple) provides sufficient contrast to meet WCAG guidelines for all text sizes.
Reserve the most vibrant colors for large display text or graphic elements rather than extensive body copy to prevent eye strain.

Recommended combinations

Neon Burst

A core neon trio for maximum impact in hero sections, event posters, or dynamic digital art.

#FF0090 · #00FFB4 · #FFFF00

Dramatic Pop

Combines a deep base with fiery and cool accents, ideal for creating dramatic contrasts and focal points.

#8A2BE2 · #FF6600 · #00FFB4

Bold Energy

A powerful combination of a bold primary, bright accent, and deep background, perfect for energetic branding.

#FF0090 · #FFFF00 · #8A2BE2

CSS variables

:root {
  --retro-future-pop-1: #FF0090;
  --retro-future-pop-2: #00FFB4;
  --retro-future-pop-3: #FFFF00;
  --retro-future-pop-4: #FF6600;
  --retro-future-pop-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-future-pop": {
        1: "#FF0090",
        2: "#00FFB4",
        3: "#FFFF00",
        4: "#FF6600",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#FF0090

Color 2#00FFB4

Color 3#FFFF00

Color 4#FF6600

Color 5#8A2BE2

Accessibility

Contrast checker

2.8:1Fail

3.5:1AA18

1.3:1Fail

1.6:1Fail

2.8:1Fail

1.2:1Fail

2.2:1Fail

4.5:1AA

3.5:1AA18

1.2:1Fail

2.7:1Fail

5.5:1AA

1.3:1Fail

2.2:1Fail

2.7:1Fail

2:1Fail

1.6:1Fail

4.5:1AA

5.5:1AA

2:1Fail

Similar palettes

More like Retro Future Pop

View all vibrant

Alleyway Mural Splash

Arcade Game Flash

Cybernetic City Pulse

Cybernetic Funk

Cybernetic Future Glow

Cybernetic Glitch Flow