Back to palettes

Palette

Retro Arcade Sunset

The glowing, synthwave aesthetic of an 80s arcade, infused with the warm hues of a setting sun.

Vibrantretro5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#8A2BE2#FF8C00#00008B#FFEC1F

Palette guide

How to use Retro Arcade Sunset

Overview

The "Retro Arcade Sunset" palette blends the electrifying glow of arcade neon with the warm, evocative hues of a setting sun. This unique combination features the vibrant #FF00FF (magenta) and bright #FFEC1F (yellow) against the deeper, more grounding tones of #8A2BE2 (blue-violet) and #00008B (dark blue). The striking #FF8C00 (dark orange) introduces a warm, energetic contrast. Designers can leverage this palette to create captivating visuals that feel both nostalgic and dynamic, perfect for projects seeking a synthwave aesthetic with an emotional depth. Developers will find these hex codes excellent for creating immersive digital environments, captivating game art, and distinctive brand identities.

Best used for

  • Synthwave album covers
  • 80s themed event graphics
  • Digital art and illustrations
  • Gaming website backgrounds
  • Vintage-inspired apparel design
  • Animated short film aesthetics

Suggested color roles

primary

#FF00FF (A bold magenta, perfect for high-impact headlines, calls to action, or prominent branding elements.)

secondary

#FF8C00 (A warm dark orange, offering a friendly contrast for supporting information or secondary navigation.)

accent

#FFEC1F (A luminous yellow, ideal for highlights, interactive elements, or small details that need to pop.)

background

#00008B (A deep, rich dark blue, providing a stable and atmospheric foundation for the vibrant neon colors.)

text

#8A2BE2 (A blue-violet, suitable for body text on lighter backgrounds, or use white for text against #00008B.)

Accessibility notes

  • #FFEC1F (yellow) against #00008B (dark blue) offers excellent contrast, suitable for important text or elements.
  • #FF00FF (magenta) can be challenging for text readability on medium-dark backgrounds; ensure sufficient contrast.
  • #8A2BE2 (blue-violet) might not provide enough contrast for small text on backgrounds like #FF8C00 (dark orange).
  • For general body text, consider using white or a very light gray on dark backgrounds, and black on lighter ones.

Recommended combinations

Synthwave Sunset

Ideal for backgrounds, gradients, or scenes depicting a vibrant, nostalgic twilight sky.

#00008B · #FF8C00 · #FFEC1F

Electric Glow

Excellent for impactful headlines, interactive UI elements, or digital art that needs a strong, glowing presence.

#FF00FF · #8A2BE2 · #FFEC1F

Retro Nights

Use for dark-themed interfaces, gaming environments, or designs that evoke a mysterious yet vibrant nighttime atmosphere.

#00008B · #FF00FF · #FF8C00

CSS variables

:root {
  --retro-arcade-sunset-2-1: #FF00FF;
  --retro-arcade-sunset-2-2: #8A2BE2;
  --retro-arcade-sunset-2-3: #FF8C00;
  --retro-arcade-sunset-2-4: #00008B;
  --retro-arcade-sunset-2-5: #FFEC1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-sunset-2": {
        1: "#FF00FF",
        2: "#8A2BE2",
        3: "#FF8C00",
        4: "#00008B",
        5: "#FFEC1F",
      }
    }
  }
}

Related searches

80s synthwave color paletteretro sunset aestheticneon purple orange yellowcyberpunk background colorsvibrant nostalgic palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#8A2BE2
·
Color 3#FF8C00
·
Color 4#00008B
·
Color 5#FFEC1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.3:1Fail
4.9:1AA
2.6:1Fail
2
1.9:1Fail
2.6:1Fail
2.6:1Fail
4.9:1AA
3
1.3:1Fail
2.6:1Fail
6.6:1AA
1.9:1Fail
4
4.9:1AA
2.6:1Fail
6.6:1AA
12.6:1AAA
5
2.6:1Fail
4.9:1AA
1.9:1Fail
12.6:1AAA

Similar palettes

More like Retro Arcade Sunset

View all Vibrant
Synthwave Glow Horizon
80s Arcade Glow
Neon Arcade Buzz
Neon Dream Sequence
Retro Arcade
Retro Arcade Blast