Palette

Synthwave Sun Beam

A vibrant blast of neon and glowing colors, reminiscent of retro 80s synthwave aesthetics and arcade nights.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Synthwave Sun Beam 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 Sun Beam.

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

Data visualization

#FF00FF#00FFFF#FFD700#8A2BE2#DC143C

Palette guide

How to use Synthwave Sun Beam

Overview

The "Synthwave Sun Beam" palette radiates with the intense, electric glow of an 80s arcade, blending powerful neons with a dramatic deep tone. It features the vibrant #FF00FF (magenta), brilliant #00FFFF (cyan), dazzling #FFD700 (gold), and a rich #8A2BE2 (electric violet), all punctuated by the striking #DC143C (crimson). This collection is engineered for maximum visual impact, perfect for designers and developers crafting projects that demand energetic nostalgia, a futuristic edge, and a sense of dynamic movement. These hex codes are ideal for UIs, branding, or digital art that pulses with the spirit of retro-futuristic arcade nights.

Best used for

Retro arcade game interfaces and splash screens
Dynamic website hero sections and interactive elements
Branding for high-energy tech, music, or entertainment
Motion graphics and animated sequences for intros
Digital art and illustrations with a strong neon focus
Event promotions for retro gaming conventions or parties

Suggested color roles

primary

#8A2BE2 (electric violet) provides a rich, deep foundation, suitable for backgrounds or main content areas where a vibrant but stable base is needed.

secondary

#DC143C (crimson) offers a powerful, warm contrast, excellent for important calls-to-action, warnings, or dominant graphical elements.

accent

#FFD700 (gold) delivers a dazzling, bright pop, perfect for interactive components, highlights, or simulating intense light sources.

background

#8A2BE2 can create an immersive, vibrant background. For a darker canvas, a deep charcoal or black is recommended to let the neons truly shine.

text

#FFD700 (gold) or #00FFFF (cyan) provide excellent readability and a futuristic feel when used as text against darker backgrounds like #8A2BE2 or black.

Accessibility notes

#FFD700 or #00FFFF on #8A2BE2 offers good contrast for text, meeting WCAG AA for most text sizes.
Avoid using #FF00FF (magenta) and #DC143C (crimson) together for critical text, as their similar hues can reduce readability for some users.
The high intensity of these neons can be visually strenuous; use them judiciously for critical information and provide clear focus states.
Ensure that interactive elements have distinct visual cues beyond just color, especially when using multiple bright hues.

Recommended combinations

Arcade Flash

A vibrant combination for main UI elements, with #8A2BE2 as a deep base, #FF00FF for primary accents, and #FFD700 for glowing highlights.

#8A2BE2 · #FF00FF · #FFD700

Sunset Beam

Creates an energetic, dramatic visual for hero sections or striking graphics, blending crimson, cyan, and electric violet.

#DC143C · #00FFFF · #8A2BE2

Retro Glow

Ideal for animated effects or digital displays, layering gold, magenta, and cyan for maximum visual impact and luminosity.

#FFD700 · #FF00FF · #00FFFF

CSS variables

:root {
  --synthwave-sun-beam-1: #FF00FF;
  --synthwave-sun-beam-2: #00FFFF;
  --synthwave-sun-beam-3: #FFD700;
  --synthwave-sun-beam-4: #8A2BE2;
  --synthwave-sun-beam-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-sun-beam": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#8A2BE2",
        5: "#DC143C",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFD700

Color 4#8A2BE2

Color 5#DC143C

Accessibility

Contrast checker

2.5:1Fail

2.2:1Fail

1.9:1Fail

1.6:1Fail

2.5:1Fail

1.1:1Fail

4.8:1AA

4:1AA18

2.2:1Fail

1.1:1Fail

4.2:1AA18

3.6:1AA18

1.9:1Fail

4.8:1AA

4.2:1AA18

1.2:1Fail

1.6:1Fail

4:1AA18

3.6:1AA18

1.2:1Fail

Similar palettes

More like Synthwave Sun Beam

View all vibrant

Neon Synthwave Pulse

80s Arcade Glow

Electric Synthwave Drive

Neon Dream Sequence

Neon Vapor Wave

Retro Glow Grid