Back to palettes

Palette

Neon Arcade Bliss

An electrifying mix of neon purples, blues, and magentas, straight from a retro-futuristic arcade.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Arcade Bliss 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 Neon Arcade Bliss.

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

Data visualization

#FF00C4#A800FF#5100FF#003DFF#00F6FF

Palette guide

How to use Neon Arcade Bliss

Overview

The Neon Arcade Bliss palette is an electrifying mix of neon purples, blues, and magentas, directly inspired by the retro-futuristic glow of a classic arcade. Featuring vivid #FF00C4 (Neon Pink), deep #A800FF (Electric Purple), rich #5100FF (Vibrant Indigo), striking #003DFF (Bright Blue), and luminous #00F6FF (Aqua Cyan), this palette is designed to infuse projects with energetic nostalgia. Designers and developers can utilize these intense, cool-toned hues to create immersive gaming environments, dynamic user interfaces, or any visual content that aims to evoke a sense of high-tech retro excitement. Its vibrant nature ensures a memorable and engaging user experience.

Best used for

  • Retro arcade game interfaces and character designs
  • Synthwave music album covers and visualizers
  • Nightclub and event promotion materials
  • Futuristic UI/UX designs for web and mobile
  • Esports team branding and streaming overlays
  • Digital art and illustration with a cyberpunk flair

Suggested color roles

primary

Use #A800FF (Electric Purple) or #003DFF (Bright Blue) as the dominant color for backgrounds or large sections to establish a deep, immersive retro mood.

secondary

Employ #FF00C4 (Neon Pink) for secondary elements, navigation, or headings to add a vibrant, playful contrast.

accent

Apply #00F6FF (Aqua Cyan) sparingly for interactive elements, hover states, or subtle highlights that need to pop with a cool glow.

background

A very dark grey or true black background is crucial for these colors to achieve their maximum luminosity and visual impact.

text

For primary text, use white or a light grey on a dark background. For impactful headings or emphasized text, #5100FF (Vibrant Indigo) can work on lighter elements or as a subtle glow on darks.

Accessibility notes

  • Always ensure sufficient contrast between text and background, especially when using these bright colors for readability.
  • Avoid pairing highly saturated neons for text and background without careful contrast checking, as it can cause significant eye strain.
  • Dark backgrounds are highly recommended for all text using this palette to maximize legibility and visual comfort.
  • Consider providing alternative text styles or color options for users with visual impairments, as intense neons can be challenging.

Recommended combinations

Arcade Glow

Creates a classic arcade machine light effect, great for headers or splash screens.

#A800FF · #FF00C4 · #00F6FF

Deep Cyber

Ideal for a more serious, deep-space or cyberpunk aesthetic with strong, contrasting hues.

#5100FF · #003DFF · #FF00C4

Synthwave Dream

Excellent for backgrounds or gradient effects, evoking a calm yet vibrant retro-futuristic landscape.

#00F6FF · #A800FF · #003DFF

CSS variables

:root {
  --neon-arcade-bliss-2-1: #FF00C4;
  --neon-arcade-bliss-2-2: #A800FF;
  --neon-arcade-bliss-2-3: #5100FF;
  --neon-arcade-bliss-2-4: #003DFF;
  --neon-arcade-bliss-2-5: #00F6FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-arcade-bliss-2": {
        1: "#FF00C4",
        2: "#A800FF",
        3: "#5100FF",
        4: "#003DFF",
        5: "#00F6FF",
      }
    }
  }
}

Related searches

retro arcade color schemesynthwave palettecyberpunk neon colorselectric purple and bluefuturistic game UI

Palette colors

Hex values

Color 1#FF00C4
·
Color 2#A800FF
·
Color 3#5100FF
·
Color 4#003DFF
·
Color 5#00F6FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.9:1Fail
2.6:1Fail
2
1.5:1Fail
1.5:1Fail
1.3:1Fail
3.8:1AA18
3
2.2:1Fail
1.5:1Fail
1.1:1Fail
5.6:1AA
4
1.9:1Fail
1.3:1Fail
1.1:1Fail
5:1AA
5
2.6:1Fail
3.8:1AA18
5.6:1AA
5:1AA

Similar palettes

More like Neon Arcade Bliss

View all vibrant
Neon Arcade Pop
Arcade Game Flash
Cyber Glow Synth
Cyberpunk Alley Light
Cyberpunk City Pulse
Cyberpunk Glitch Neon