Back to palettes

Palette

Firework Celebration Blast

An explosion of brilliant, contrasting colors that capture the thrilling energy of a festive firework display against the night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Firework Celebration Blast 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 Firework Celebration Blast.

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

Data visualization

#E62E51#2E86E6#9D2EE6#F8E646#121212

Palette guide

How to use Firework Celebration Blast

Overview

The Firework Celebration Blast palette is an explosion of brilliant, contrasting colors that capture the thrilling energy of a festive firework display against the night sky. This vibrant collection provides designers and developers with a high-impact range of hues, perfect for projects demanding excitement and celebration. It features a bold fuchsia (#E62E51), a bright electric blue (#2E86E6), a striking purple (#9D2EE6), and a luminous yellow (#F8E646). Anchored by a deep, true black (#121212), these colors are ideal for creating dynamic, eye-catching designs that convey joy and high energy across various digital and print applications.

Best used for

  • Event promotion and party invitations
  • Children's entertainment branding and products
  • Digital interfaces and gaming applications
  • Youth-oriented brands and marketing campaigns
  • Festive holiday collateral and social media graphics
  • High-energy websites and animated content

Suggested color roles

primary

Use #121212 as a deep, dramatic background, mimicking the night sky for maximum contrast with vibrant accents.

secondary

Apply #2E86E6 for major elements, headlines, or to convey a sense of excitement and dynamism.

accent

Deploy #F8E646 for the brightest pop, ideal for calls-to-action, interactive elements, or focal points that demand attention.

background

Utilize #121212 as the primary background, allowing the vibrant colors to truly stand out like fireworks.

text

Choose #F8E646 or #E62E51 for primary text on the #121212 background to ensure high visibility and readability.

Accessibility notes

  • Ensure #F8E646 text on #121212 background meets WCAG AA contrast standards for readability.
  • Be cautious using #2E86E6 or #9D2EE6 for small text on #121212; verify contrast for all text sizes.
  • Provide clear visual cues for interactive elements, ensuring sufficient contrast between states, especially against #121212.
  • Avoid placing similar vibrant colors like #2E86E6 and #9D2EE6 directly adjacent for critical information due to potential visual vibration.

Recommended combinations

Night Blast

Creates a classic firework effect, perfect for hero sections, banners, or high-impact advertisements.

#121212 · #F8E646 · #E62E51

Vibrant Pop

Ideal for layered graphics, illustrations, or elements that need to convey a playful and energetic mood.

#2E86E6 · #9D2EE6 · #F8E646

Energetic Contrast

Offers a bold, dynamic contrast, suitable for calls-to-action, event branding, or impactful visual statements.

#E62E51 · #121212 · #2E86E6

CSS variables

:root {
  --firework-celebration-blast-1: #E62E51;
  --firework-celebration-blast-2: #2E86E6;
  --firework-celebration-blast-3: #9D2EE6;
  --firework-celebration-blast-4: #F8E646;
  --firework-celebration-blast-5: #121212;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "firework-celebration-blast": {
        1: "#E62E51",
        2: "#2E86E6",
        3: "#9D2EE6",
        4: "#F8E646",
        5: "#121212",
      }
    }
  }
}

Related searches

vibrant celebration colorsfirework hex codesbold primary paletteenergetic event designhigh contrast color scheme

Palette colors

Hex values

Color 1#E62E51
·
Color 2#2E86E6
·
Color 3#9D2EE6
·
Color 4#F8E646
·
Color 5#121212
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
3.4:1AA18
4.3:1AA18
2
1.2:1Fail
1.4:1Fail
2.9:1Fail
5.1:1AA
3
1.2:1Fail
1.4:1Fail
4.1:1AA18
3.5:1AA18
4
3.4:1AA18
2.9:1Fail
4.1:1AA18
14.6:1AAA
5
4.3:1AA18
5.1:1AA
3.5:1AA18
14.6:1AAA

Similar palettes

More like Firework Celebration Blast

View all vibrant
Circus Tent Fun
Fiesta Streamer Joy
Pop Art Carnival
Vibrant Festival Hues
Abstract Canvas Pop
Abstract Chroma Splash