Back to palettes

Palette

Pixelated Arcade Fun

Bright, contrasting colors bursting with the energy and nostalgia of classic arcade games.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pixelated Arcade Fun 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 Pixelated Arcade Fun.

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

Data visualization

#E6007A#00FFBE#FFEE00#36015D#00B1FF

Palette guide

How to use Pixelated Arcade Fun

Overview

The Pixelated Arcade Fun palette bursts with bright, contrasting colors, channeling the pure energy and nostalgia of classic arcade games. Featuring a lively magenta-pink (#E6007A), an electrifying teal (#00FFBE), and a brilliant yellow (#FFEE00), this palette is inherently playful. A deep, rich indigo (#36015D) provides a strong, anchoring contrast, while a bright sky blue (#00B1FF) adds another layer of vibrancy. Ideal for designers and developers aiming to create joyful, dynamic, and memorable digital experiences with a retro gaming twist.

Best used for

  • Kids' game development and educational apps
  • Playful brand identities and logos
  • Party invitations and event promotions
  • Animated shorts and digital illustrations
  • Casual gaming user interfaces
  • Interactive web design for youth audiences

Suggested color roles

primary

#E6007A serves as a bold, lively primary, excellent for engaging buttons, prominent headlines, or key character elements.

secondary

#00FFBE provides a fresh, energetic support, perfect for secondary actions, progress indicators, or decorative accents.

accent

#FFEE00 is a vibrant, attention-grabbing accent, ideal for highlights, interactive states, or crucial notifications.

background

The deep #36015D offers an excellent contrasting base, making the brighter colors pop. Alternatively, use a dark neutral.

text

For optimal readability, use #FFEE00 or #00FFBE for text on dark backgrounds. For lighter backgrounds, a dark charcoal or black is recommended.

Accessibility notes

  • Ensure high contrast for text, especially with #FFEE00 on dark backgrounds like #36015D.
  • Avoid using #E6007A directly on #00FFBE for small text due to insufficient luminosity difference.
  • Prioritize clear, legible fonts, potentially in larger sizes, when employing these vibrant color combinations.
  • Verify all color pairings meet WCAG contrast standards, particularly for interactive elements and key information.

Recommended combinations

Arcade Neon

A high-energy, classic arcade trio, perfect for main UI elements, interactive states, and eye-catching graphics.

#E6007A · #00FFBE · #FFEE00

Deep Play

Creates a contrasting, immersive feel, great for background elements with vibrant interactive overlays.

#36015D · #00B1FF · #FFEE00

Vibrant Contrast

A dynamic and striking combination, excellent for differentiating sections or creating impactful visual hierarchy.

#00FFBE · #E6007A · #36015D

CSS variables

:root {
  --pixelated-arcade-fun-1: #E6007A;
  --pixelated-arcade-fun-2: #00FFBE;
  --pixelated-arcade-fun-3: #FFEE00;
  --pixelated-arcade-fun-4: #36015D;
  --pixelated-arcade-fun-5: #00B1FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixelated-arcade-fun": {
        1: "#E6007A",
        2: "#00FFBE",
        3: "#FFEE00",
        4: "#36015D",
        5: "#00B1FF",
      }
    }
  }
}

Related searches

playful retro colorsarcade game aestheticbright pixel palettekids app colorsenergetic digital design

Palette colors

Hex values

Color 1#E6007A
·
Color 2#00FFBE
·
Color 3#FFEE00
·
Color 4#36015D
·
Color 5#00B1FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
3.8:1AA18
3.5:1AA18
1.9:1Fail
2
3.5:1AA18
1.1:1Fail
12.2:1AAA
1.8:1Fail
3
3.8:1AA18
1.1:1Fail
13.3:1AAA
2:1Fail
4
3.5:1AA18
12.2:1AAA
13.3:1AAA
6.6:1AA
5
1.9:1Fail
1.8:1Fail
2:1Fail
6.6:1AA

Similar palettes

More like Pixelated Arcade Fun

View all vibrant
Pixelated Game Glitch
Atomic Diner Swirl
Bubblegum Pop Blast
Bubblegum Pop Burst
Bubblegum Pop Zing
Bubblegum Pop Zing