Palette

Retro Arcade Pulse

An energetic mix of bright, contrasting colors that capture the vibrant, pixelated excitement of 80s arcade games.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0033#FF3D70#FFDD00#00E6FF#8E3EF7

Palette guide

How to use Retro Arcade Pulse

Overview

The "Retro Arcade Pulse" palette is a dynamic collection that marries deep, atmospheric tones with electrifying neon accents, capturing the pulsating energy of a vintage arcade. The profound #1A0033 sets a dramatic stage, allowing the vibrant #FF3D70 (bright pink), luminous #FFDD00 (bright yellow), and dazzling #00E6FF (bright cyan) to truly pop. The supporting #8E3EF7 (medium purple) bridges these extremes. Designers can use this palette to create visuals that are both mysterious and exhilarating, perfect for evoking a late-night gaming session. Developers will find these hex codes ideal for dark-mode interfaces, immersive game environments, and interactive displays demanding a strong, memorable presence.

Best used for

Dark mode application themes
Cyberpunk or synthwave art
Nightclub or concert promotions
Interactive digital installations
Gaming streaming overlays
Futuristic brand identities

Suggested color roles

primary

#FF3D70 (A striking bright pink, commanding attention for key interactive elements, headlines, or calls to action.)

secondary

#00E6FF (A vibrant cyan, excellent for supporting information, iconography, or subtle animations.)

accent

#FFDD00 (A radiant yellow, perfect for highlights, notifications, or elements needing maximum visibility against dark backgrounds.)

background

#1A0033 (A very deep, rich purple, providing an atmospheric and dramatic foundation for the entire palette.)

text

#8E3EF7 (A medium purple, offering a softer yet visible option for body text on dark backgrounds, or white for critical text.)

Accessibility notes

#FFDD00 (yellow) and #FF3D70 (pink) offer strong contrast against the dark background #1A0033, making them good for critical elements.
Ensure that #8E3EF7 (medium purple) provides sufficient contrast when used for body text, especially against slightly less dark backgrounds.
Avoid using #FFDD00 (yellow) or #00E6FF (cyan) for large blocks of body text due to their high vibrancy, which can cause eye strain.
Consider using white or a very light gray for general body text on #1A0033 to ensure maximum readability.

Recommended combinations

Dark Energy

Ideal for powerful brand statements, immersive digital experiences, or UI elements that need a dramatic, high-contrast look.

#1A0033 · #FF3D70 · #00E6FF

Neon Flash

Excellent for attention-grabbing accents, interactive components, or visual cues in gaming interfaces.

#FFDD00 · #FF3D70 · #8E3EF7

Synth Glow

Use for futuristic digital art, sci-fi themed websites, or any design requiring a deep, glowing aesthetic.

#1A0033 · #00E6FF · #FFDD00

CSS variables

:root {
  --retro-arcade-pulse-1: #1A0033;
  --retro-arcade-pulse-2: #FF3D70;
  --retro-arcade-pulse-3: #FFDD00;
  --retro-arcade-pulse-4: #00E6FF;
  --retro-arcade-pulse-5: #8E3EF7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-pulse": {
        1: "#1A0033",
        2: "#FF3D70",
        3: "#FFDD00",
        4: "#00E6FF",
        5: "#8E3EF7",
      }
    }
  }
}

Hex values

Color 1#1A0033

Color 2#FF3D70

Color 3#FFDD00

Color 4#00E6FF

Color 5#8E3EF7

Accessibility

Contrast checker

5.6:1AA

14.3:1AAA

12.6:1AAA

3.8:1AA18

5.6:1AA

2.5:1Fail

2.2:1Fail

1.5:1Fail

14.3:1AAA

2.5:1Fail

1.1:1Fail

3.7:1AA18

12.6:1AAA

2.2:1Fail

1.1:1Fail

3.3:1AA18

3.8:1AA18

1.5:1Fail

3.7:1AA18

3.3:1AA18

Similar palettes

More like Retro Arcade Pulse

Cybernetic Spectrum Surge

Cyberpunk Sunset