Back to palettes

Palette

Arcade Power-Up

An electrifying array of primary and secondary colors, inspired by the thrilling graphics of a retro arcade power-up.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arcade Power-Up 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 Arcade Power-Up.

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

Data visualization

#FF00FF#00FF00#FFFF00#FF1493#00BFFF

Palette guide

How to use Arcade Power-Up

Overview

The "Arcade Power-Up" palette is an electrifying array of primary and secondary colors, directly inspired by the thrilling graphics of a retro arcade power-up. This high-energy collection features intense Magenta #FF00FF, vivid Lime #00FF00, and brilliant Yellow #FFFF00. Complementing these are the vibrant Deep Pink #FF1493 and the striking Deep Sky Blue #00BFFF. Developers can leverage these bold, contrasting colors to create dynamic, engaging user interfaces that exude excitement and a nostalgic gaming vibe. Designers will find this palette perfect for projects related to retro gaming, digital entertainment, e-sports, or any brand aiming for an impactful, playful, and visually stimulating aesthetic that promises a thrilling experience.

Best used for

  • Retro gaming events
  • E-commerce for gaming merchandise
  • Interactive digital experiences
  • Music album covers (80s/synthwave)
  • Children's mobile games
  • Dynamic presentations

Suggested color roles

primary

A powerful magenta #FF00FF, ideal for dominant branding, main calls to action, or key graphical elements, demanding attention.

secondary

A bright deep sky blue #00BFFF that provides sharp contrast and coolness, suitable for secondary actions, navigation, or interactive states.

accent

A brilliant yellow #FFFF00 that offers a dazzling glow, excellent for power-ups, scores, or focal points, enhancing the neon effect.

background

Pure black #000000. A deep, dark background is crucial for these vibrant colors to truly pop and achieve the classic arcade look.

text

Use #FFFF00 for headings and important messages, and white for body text, always against a dark background for optimal legibility.

Accessibility notes

  • Due to the extreme brightness of these neon colors, they are best used for large text or accents on a pure black background to ensure contrast.
  • Avoid using these vibrant colors for extensive body text; opt for white or a very light grey on dark backgrounds.
  • Contrast between #00FF00 and #FFFF00 can be low; use them for distinct elements rather than text/background pairs.
  • Ensure interactive elements provide clear visual feedback, perhaps by changing to another bright color on hover.

Recommended combinations

Power Surge

For creating dynamic loading screens, progress bars, or power-up indicators, leveraging high contrast and vibrant energy.

#FF00FF · #00BFFF · #FFFF00

80s Neon Grid

Ideal for retro-themed backgrounds, borders, or decorative elements, combining lime, deep pink, and yellow for a classic feel.

#00FF00 · #FF1493 · #FFFF00

Digital Boost

Effective for prominent calls to action or key information, using magenta as a base, yellow for highlight, and deep sky blue for accents.

#FF00FF · #FFFF00 · #00BFFF

CSS variables

:root {
  --arcade-power-up-1: #FF00FF;
  --arcade-power-up-2: #00FF00;
  --arcade-power-up-3: #FFFF00;
  --arcade-power-up-4: #FF1493;
  --arcade-power-up-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arcade-power-up": {
        1: "#FF00FF",
        2: "#00FF00",
        3: "#FFFF00",
        4: "#FF1493",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

retro gaming paletteneon power up colors80s digital aestheticvibrant arcade UIbright synthwave colors

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FF00
·
Color 3#FFFF00
·
Color 4#FF1493
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.9:1Fail
1.2:1Fail
1.5:1Fail
2
2.3:1Fail
1.3:1Fail
2.7:1Fail
1.5:1Fail
3
2.9:1Fail
1.3:1Fail
3.4:1AA18
2:1Fail
4
1.2:1Fail
2.7:1Fail
3.4:1AA18
1.7:1Fail
5
1.5:1Fail
1.5:1Fail
2:1Fail
1.7:1Fail

Similar palettes

More like Arcade Power-Up

View all vibrant
Circuit Board Glitch
Cybernetic Spectrum Surge
Digital Pixel Bloom
Digital Screen Glow
Fluorescent Arcade Glow
Pixelated Funk Drive