Back to palettes

Palette

Carnival Firework Pop

An exhilarating burst of bright, festive colors, capturing the thrilling spectacle of a carnival fireworks display.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Carnival Firework 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 Carnival Firework Pop.

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

Data visualization

#F64A8A#FFBF00#BADA55#6A5ACD#00BFFF

Palette guide

How to use Carnival Firework Pop

Overview

The "Carnival Firework Pop" palette is an exhilarating burst of bright, festive colors, capturing the thrilling spectacle of a fireworks display. It features a lively hot pink (#F64A8A), a brilliant orange-gold (#FFBF00), a fresh lime green (#BADA55), a deep slate blue-purple (#6A5ACD), and a vibrant sky blue (#00BFFF). This diverse and highly saturated collection offers designers and developers an exciting toolkit for creating dynamic, eye-catching digital experiences. Its playful yet impactful nature makes it ideal for projects that demand attention, convey excitement, and evoke a festive atmosphere, ensuring a memorable and spirited user journey across various platforms.

Best used for

  • New Year's Eve event promotion
  • Celebration-themed app interfaces
  • Youth-oriented digital marketing
  • Festive website design
  • Interactive game graphics
  • Party invitation design

Suggested color roles

primary

This lively hot pink (#F64A8A) is excellent for primary calls to action, prominent headlines, or main graphic elements, radiating energy and excitement.

secondary

A deep slate blue-purple (#6A5ACD) that provides a sophisticated and grounding contrast, ideal for subheadings, navigation links, or secondary graphical elements.

accent

Deploy this brilliant orange-gold (#FFBF00) for highlights, alerts, or small interactive elements to add a joyous pop and draw immediate attention.

background

A clean, very light gray or off-white is recommended to provide a neutral canvas, allowing these intense colors to pop without overwhelming the design.

text

For optimal readability, use a dark charcoal or black for body text. White text is necessary on the darker primary, secondary, and blue colors.

Accessibility notes

  • Ensure sufficient contrast for text on brighter colors like #FFBF00 (orange-gold) and #BADA55 (lime green); use very dark text.
  • Avoid using red-pink (#F64A8A) alongside green (#BADA55) for critical information that relies solely on color distinction.
  • The high saturation of the palette means judicious use of whitespace is important to prevent visual fatigue and maintain clarity.
  • Provide clear visual cues for interactive states, as the vibrant colors might make subtle changes less obvious.

Recommended combinations

Firework Pop

Ideal for dynamic headers, attention-grabbing banners, or prominent UI elements that need to burst with festive energy.

#F64A8A · #FFBF00 · #00BFFF

Energetic Sky

Great for creating engaging visual patterns, fun icons, or secondary graphic elements with a cheerful vibe.

#6A5ACD · #BADA55 · #F64A8A

Bright Accents

Effective for highlighting key features, callouts, or interactive states, ensuring high visibility and appeal.

#00BFFF · #FFBF00 · #6A5ACD

CSS variables

:root {
  --carnival-firework-pop-1: #F64A8A;
  --carnival-firework-pop-2: #FFBF00;
  --carnival-firework-pop-3: #BADA55;
  --carnival-firework-pop-4: #6A5ACD;
  --carnival-firework-pop-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "carnival-firework-pop": {
        1: "#F64A8A",
        2: "#FFBF00",
        3: "#BADA55",
        4: "#6A5ACD",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

firework color palettevibrant festive UIbright energetic designcarnival celebration colorsplayful pop art palette

Palette colors

Hex values

Color 1#F64A8A
·
Color 2#FFBF00
·
Color 3#BADA55
·
Color 4#6A5ACD
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.1:1Fail
1.6:1Fail
1.6:1Fail
2
2:1Fail
1:1Fail
3.2:1AA18
1.3:1Fail
3
2.1:1Fail
1:1Fail
3.3:1AA18
1.3:1Fail
4
1.6:1Fail
3.2:1AA18
3.3:1AA18
2.5:1Fail
5
1.6:1Fail
1.3:1Fail
1.3:1Fail
2.5:1Fail

Similar palettes

More like Carnival Firework Pop

View all vibrant
Carnival Carousel Ride
Carnival Lights Dream
Carnival Midway Fun
Carnival Swirl Pop
Circus Tent Brights
Cotton Candy Carousel