Palette

Arcade Pixel Rush

A nostalgic burst of primary and secondary colors from vintage arcade games, evoking excitement and pixelated fun.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arcade Pixel Rush 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 Pixel Rush.

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

Data visualization

#FF4500#FFFF00#00FF00#00BFFF#8A2BE2

Palette guide

How to use Arcade Pixel Rush

Overview

The "Arcade Pixel Rush" palette delivers a nostalgic burst of primary and secondary colors from vintage arcade games, evoking excitement and pixelated fun. This energetic collection features the vibrant Orange Red #FF4500, brilliant Yellow #FFFF00, and lively Green #00FF00. Complementing these are the refreshing Deep Sky Blue #00BFFF and the striking Blue Violet #8A2BE2. Developers can leverage these bold, contrasting colors to create dynamic, fast-paced user interfaces that capture the thrill of classic gaming. Designers will find this palette perfect for projects related to retro gaming, interactive experiences, entertainment, or any brand seeking an impactful, playful, and visually stimulating aesthetic that screams action.

Best used for

Retro game development
E-sports branding
Interactive art installations
Children's media content
Dynamic web banners
Event promotion graphics

Suggested color roles

primary

A bold, energetic orange-red #FF4500, perfect for high-impact calls to action, urgent alerts, or dominant brand elements.

secondary

A bright deep sky blue #00BFFF that provides a strong, cool contrast, suitable for secondary actions, navigation, or key interactive elements.

accent

A brilliant yellow #FFFF00 that offers a dazzling pop, excellent for scores, power-ups, or focal points, enhancing the pixelated feel.

background

Pure black #000000. A deep, dark background is ideal for these vibrant colors to achieve maximum impact and contrast.

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 high luminosity, these colors are best for large text or accents on a pure black background to ensure wcag 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 or #FF4500 can be low; use them for distinct elements rather than text/background pairs.
Ensure interactive elements provide clear visual feedback, perhaps by changing color on hover.

Recommended combinations

Rush UI

For creating a dynamic, action-oriented interface, with orange-red for primary actions, deep sky blue for navigation, and yellow for highlights.

#FF4500 · #00BFFF · #FFFF00

Pixel Power

Ideal for game elements like health bars, power-up indicators, or level progression, using green, blue-violet, and yellow.

#00FF00 · #8A2BE2 · #FFFF00

Retro Blast

For creating explosive visual effects, transitions, or prominent calls to action, leveraging high contrast and vibrant energy.

#FF4500 · #FFFF00 · #00BFFF

CSS variables

:root {
  --arcade-pixel-rush-1: #FF4500;
  --arcade-pixel-rush-2: #FFFF00;
  --arcade-pixel-rush-3: #00FF00;
  --arcade-pixel-rush-4: #00BFFF;
  --arcade-pixel-rush-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arcade-pixel-rush": {
        1: "#FF4500",
        2: "#FFFF00",
        3: "#00FF00",
        4: "#00BFFF",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#FF4500

Color 2#FFFF00

Color 3#00FF00

Color 4#00BFFF

Color 5#8A2BE2

Accessibility

Contrast checker

3.2:1AA18

2.5:1Fail

1.6:1Fail

1.7:1Fail

3.2:1AA18

1.3:1Fail

2:1Fail

5.5:1AA

2.5:1Fail

1.3:1Fail

1.5:1Fail

4.3:1AA18

1.6:1Fail

2:1Fail

1.5:1Fail

2.8:1Fail

1.7:1Fail

5.5:1AA

4.3:1AA18

2.8:1Fail

Similar palettes

More like Arcade Pixel Rush

View all vibrant

Electric Pixel Art

Pixelated Arcade Flash

Retro Arcade Pop

Arcade Power-Up

Carnival Fairground Fun

City Canvas Pop