Back to palettes

Palette

Retro Arcade Pop

Bold, electrifying blues and purples inspired by the glowing graphics of vintage 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 Pop 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 Pop.

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

Data visualization

#F06292#BA68C8#9575CD#64B5F6#4FC3F7

Palette guide

How to use Retro Arcade Pop

Overview

The "Retro Arcade Pop" palette offers a softer, yet still energetic, take on vintage arcade aesthetics, leaning into captivating pinks, purples, and blues. Shades like the gentle #F06292 blend seamlessly with the enchanting #BA68C8 and the sophisticated #9575CD. Designers can utilize the refreshing #64B5F6 and the bright #4FC3F7 to create gradients and visual depth reminiscent of synthwave graphics. This palette is excellent for projects seeking a nostalgic feel with a modern, dreamy twist, providing a playful yet refined appeal. Developers can apply these hex codes to create captivating user interfaces, background animations, and branding that evoke a sense of digital nostalgia.

Best used for

  • Synthwave music art
  • Indie game aesthetics
  • Skincare or beauty branding
  • Mobile app UI with soft gradients
  • Fashion lookbooks
  • Creative agency websites

Suggested color roles

primary

#BA68C8 (A balanced medium purple, serving as a versatile base for main content areas or brand identity.)

secondary

#64B5F6 (A calming light blue, ideal for complementary sections, infographics, or secondary text.)

accent

#F06292 (A soft yet vibrant pink, perfect for call-to-action buttons, highlights, or interactive elements.)

background

#9575CD (A deeper blue-purple, suitable for creating a rich, immersive backdrop that allows lighter elements to shine.)

text

#4FC3F7 (A bright cyan-blue, offering good contrast on darker purples, or use a dark charcoal for lighter backgrounds.)

Accessibility notes

  • Light colors like #F06292 and #64B5F6 will require dark text (e.g., charcoal) to meet WCAG standards.
  • Ensure sufficient contrast when layering colors, especially with similar saturation levels like #BA68C8 and #9575CD.
  • Text using #4FC3F7 on a #9575CD background might need careful evaluation for readability.
  • Consider providing alternative text colors like black or dark gray for critical information on lighter backgrounds.

Recommended combinations

Dreamy Gradient

Excellent for background gradients, ethereal visual effects, or subtly transitioning UI elements.

#BA68C8 · #9575CD · #64B5F6

Playful Pop

Use for children's products, playful branding, or interactive elements that need a friendly, inviting feel.

#F06292 · #4FC3F7 · #BA68C8

Retro Cool

Ideal for tech-focused designs, digital art, or interfaces aiming for a sleek, futuristic yet nostalgic vibe.

#9575CD · #64B5F6 · #4FC3F7

CSS variables

:root {
  --retro-arcade-pop-3-1: #F06292;
  --retro-arcade-pop-3-2: #BA68C8;
  --retro-arcade-pop-3-3: #9575CD;
  --retro-arcade-pop-3-4: #64B5F6;
  --retro-arcade-pop-3-5: #4FC3F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-pop-3": {
        1: "#F06292",
        2: "#BA68C8",
        3: "#9575CD",
        4: "#64B5F6",
        5: "#4FC3F7",
      }
    }
  }
}

Related searches

synthwave color schemepastel neon palettevaporwave aesthetic colorsretro purple blue pinksoft arcade game colors

Palette colors

Hex values

Color 1#F06292
·
Color 2#BA68C8
·
Color 3#9575CD
·
Color 4#64B5F6
·
Color 5#4FC3F7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.5:1Fail
2
1.2:1Fail
1:1Fail
1.6:1Fail
1.8:1Fail
3
1.2:1Fail
1:1Fail
1.7:1Fail
1.8:1Fail
4
1.4:1Fail
1.6:1Fail
1.7:1Fail
1.1:1Fail
5
1.5:1Fail
1.8:1Fail
1.8:1Fail
1.1:1Fail

Similar palettes

More like Retro Arcade Pop

View all vibrant
City Neon Rain
Cyber Glow Graffiti
Retro Synthwave
Retro Synthwave Sunset
Cyber Glow
Cybernetic Voltage Surge