Back to palettes

Palette

Fiesta Confetti Pop

A riot of joyful, contrasting hues, exploding with the exuberance of a festive confetti shower.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fiesta Confetti 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 Fiesta Confetti Pop.

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

Data visualization

#FF5A5A#FFB347#FFD700#A5D6A7#7AC0F2

Palette guide

How to use Fiesta Confetti Pop

Overview

The Fiesta Confetti Pop palette is a riot of joyful, contrasting hues, exploding with the exuberance of a festive confetti shower. It features a cheerful #FF5A5A (Salmon Red), a warm #FFB347 (Tangerine), and a bright #FFD700 (Gold), balanced by the serene #A5D6A7 (Light Green) and the refreshing #7AC0F2 (Sky Blue). This diverse and playful scheme is inherently bright, fun, and optimistic, making it perfect for designs that need to convey happiness, celebration, and a lighthearted spirit, ensuring an engaging and memorable visual experience for users.

Best used for

  • Party planning websites or invitations
  • Children's clothing or toy brands
  • Creative marketing campaigns for consumer goods
  • Mobile app interfaces for casual games
  • Blog or social media graphics for lifestyle content
  • Packaging design for snacks or confectionary

Suggested color roles

primary

#7AC0F2 (A light, friendly blue that can serve as a calming yet cheerful base for major UI elements.)

secondary

#FFD700 (A bright, optimistic gold for secondary sections, sub-headers, or graphical accents.)

accent

#FF5A5A (A lively, attention-grabbing salmon red, ideal for calls to action, interactive elements, or key highlights.)

background

white (A clean, neutral background allows the playful colors to truly shine without competing.)

text

charcoal (A soft dark grey like charcoal provides excellent readability on light backgrounds without being too harsh.)

Accessibility notes

  • Ensure all palette colors have sufficient contrast against white or very light backgrounds for text.
  • Avoid using #FFD700 on #FFB347 or #FF5A5A for text due to potential low contrast, especially for small font sizes.
  • The pastel nature of #A5D6A7 and #7AC0F2 might require darker text for readability on light backgrounds.
  • For color-blind users, rely on more than just color to convey meaning for interactive or important elements, especially between similar hues.

Recommended combinations

Celebration Burst

Ideal for a vibrant hero section or festive banners, conveying immediate joy.

#FF5A5A · #FFD700 · #7AC0F2

Playful Mix

Perfect for playful infographics or distinct content blocks, offering clear differentiation.

#FFB347 · #A5D6A7 · #FFD700

Confetti Dots

Suitable for interactive buttons or navigation elements, providing a cheerful and clear hierarchy.

#7AC0F2 · #FF5A5A · #A5D6A7

CSS variables

:root {
  --fiesta-confetti-pop-1: #FF5A5A;
  --fiesta-confetti-pop-2: #FFB347;
  --fiesta-confetti-pop-3: #FFD700;
  --fiesta-confetti-pop-4: #A5D6A7;
  --fiesta-confetti-pop-5: #7AC0F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fiesta-confetti-pop": {
        1: "#FF5A5A",
        2: "#FFB347",
        3: "#FFD700",
        4: "#A5D6A7",
        5: "#7AC0F2",
      }
    }
  }
}

Related searches

playful confetti colorsbright party palettecheerful celebration schemepastel fun design colorsvibrant happy color combo

Palette colors

Hex values

Color 1#FF5A5A
·
Color 2#FFB347
·
Color 3#FFD700
·
Color 4#A5D6A7
·
Color 5#7AC0F2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
1.9:1Fail
1.6:1Fail
2
1.7:1Fail
1.3:1Fail
1.1:1Fail
1.1:1Fail
3
2.2:1Fail
1.3:1Fail
1.2:1Fail
1.4:1Fail
4
1.9:1Fail
1.1:1Fail
1.2:1Fail
1.2:1Fail
5
1.6:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Fiesta Confetti Pop

View all vibrant