Palette

Bubblegum Neon Pop

A high-energy burst of saturated colors reminiscent of vintage arcades and sugary treats.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bubblegum Neon 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 Bubblegum Neon Pop.

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

Data visualization

#FF69B4#8B00FF#00FFFF#FFD700#FF4500

Palette guide

How to use Bubblegum Neon Pop

Overview

The Bubblegum Neon Pop palette is a high-energy burst of saturated colors reminiscent of vintage arcades and sugary treats. It features #FF69B4 (hot pink), #8B00FF (dark violet), #00FFFF (aqua), #FFD700 (gold), and #FF4500 (orange red). This dynamic collection is perfect for designers and developers aiming to create exciting, playful, and attention-grabbing experiences. It embodies a vibrant, retro-futuristic aesthetic, ideal for projects that demand a bold and unforgettable visual impact.

Best used for

Retro arcade themes and gaming platforms
Youth events and festival branding
Energetic brand identities and advertising
Pop art designs and vibrant illustrations
Party supplies and festive decor
Digital game graphics and app interfaces

Suggested color roles

primary

Use #FF69B4 or #8B00FF for high-impact calls to action or prominent graphic elements, creating an electric focal point.

secondary

Employ #00FFFF and #FFD700 for supporting content, subheadings, or to introduce dynamic, playful contrast.

accent

Apply #FF4500 for a fiery, energetic pop, perfect for highlights or interactive components.

background

A deep neutral like black or dark grey will maximize the neon effect, making the vibrant colors truly glow and stand out.

text

White or a very light grey (#F0F0F0) is essential for text on these vibrant and dark colors to ensure maximum readability. Black text for #FFD700.

Accessibility notes

Very bright colors like #FFD700 and #00FFFF will likely require black text for sufficient contrast.
Ensure #FF69B4, #8B00FF, and #FF4500 have adequate contrast with white text, especially for smaller font sizes.
Avoid using these bright colors for large blocks of body text, as they can cause eye strain.
Always verify color contrast for all text and interactive elements to meet accessibility standards.

Recommended combinations

Arcade Glow

A classic neon trio, electric and vibrant, perfect for digital interfaces or striking visuals.

#FF69B4 · #8B00FF · #00FFFF

Sugar Rush

A warm, energetic, and sweet combination, ideal for playful accents or calls to action.

#FFD700 · #FF4500 · #FF69B4

Vibrant Burst

A dynamic, high-contrast, and playful trio, suitable for impactful headlines or feature areas.

#00FFFF · #FF4500 · #8B00FF

CSS variables

:root {
  --bubblegum-neon-pop-1: #FF69B4;
  --bubblegum-neon-pop-2: #8B00FF;
  --bubblegum-neon-pop-3: #00FFFF;
  --bubblegum-neon-pop-4: #FFD700;
  --bubblegum-neon-pop-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-neon-pop": {
        1: "#FF69B4",
        2: "#8B00FF",
        3: "#00FFFF",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#FF69B4

Color 2#8B00FF

Color 3#00FFFF

Color 4#FFD700

Color 5#FF4500

Accessibility

Contrast checker

2.2:1Fail

2.1:1Fail

1.9:1Fail

1.3:1Fail

2.2:1Fail

4.7:1AA

4.2:1AA18

1.7:1Fail

2.1:1Fail

4.7:1AA

1.1:1Fail

2.7:1Fail

1.9:1Fail

4.2:1AA18

1.1:1Fail

2.5:1Fail

1.3:1Fail

1.7:1Fail

2.7:1Fail

2.5:1Fail

Similar palettes

More like Bubblegum Neon Pop

View all vibrant

Electric Carnival Joy

Electro City Beat

Neon Arcade

Neon Sunset Blvd

Playful Carnival Lights

Retro Neon Diner