Palette

Playful Sweet Confetti

A joyous burst of scattered, colorful pieces, bringing to mind celebrations and carefree moments.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Sweet Confetti 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 Playful Sweet Confetti.

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

Data visualization

#FFC0CB#FFFF00#00FF00#8A2BE2#FF1493

Palette guide

How to use Playful Sweet Confetti

Overview

The Playful Sweet Confetti palette is a joyous burst of vibrant, celebratory colors, perfect for designs that aim to convey excitement, fun, and a festive mood. Featuring lively hues like the cheerful pink #FFC0CB, the bright yellow #FFFF00, the energetic green #00FF00, the regal violet #8A2BE2, and the bold fuchsia #FF1493, this collection is ideal for designers and developers creating engaging, spirited, and unforgettable user experiences. Its dynamic and contrasting nature makes it excellent for projects demanding a lively visual impact, ensuring elements pop and interactions feel exhilarating. This palette is designed to inspire celebration and capture attention with its diverse and contrasting color choices.

Best used for

Party supply branding and websites
Event invitations and marketing materials
Children's entertainment and toy packaging
Festive holiday promotions
Youth-oriented fashion or lifestyle brands
Digital game interfaces and animations

Suggested color roles

primary

Use #FF1493 as a primary attention-grabber for calls-to-action or hero sections, exuding excitement.

secondary

Employ #00FF00 for secondary interactive elements or key information, offering a fresh, energetic contrast.

accent

Highlight critical information or decorative elements with #FFFF00 for a bright, sunny pop.

background

Utilize #FFC0CB as a soft, playful background for content blocks or decorative areas, providing a gentle base for brighter accents.

text

For maximum readability, use pure black (e.g., #000000) or a very dark charcoal text on lighter backgrounds, and white on darker accents.

Accessibility notes

Ensure strong contrast for text on vibrant backgrounds, especially for smaller font sizes. Use contrast checkers.
Be mindful of combining #FFFF00 and #00FF00 for essential information, as yellow-green contrast can be challenging for some.
Large text or headings can effectively use vibrant color combinations, but body text often requires higher contrast with a neutral.
Provide clear visual cues beyond color alone for interactive elements to ensure usability for all, including colorblind users.

Recommended combinations

Party Pop

Perfect for festive headlines, impactful banners, and vibrant call-to-action buttons.

#FF1493 · #FFFF00 · #00FF00

Celebration UI

Create engaging interactive elements, playful data visualizations, or distinct section dividers.

#8A2BE2 · #FFC0CB · #FFFF00

Dynamic Contrast

Ideal for highlighting key information, lively illustrations, or energetic graphic patterns.

#00FF00 · #FF1493 · #8A2BE2

CSS variables

:root {
  --playful-sweet-confetti-1: #FFC0CB;
  --playful-sweet-confetti-2: #FFFF00;
  --playful-sweet-confetti-3: #00FF00;
  --playful-sweet-confetti-4: #8A2BE2;
  --playful-sweet-confetti-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-sweet-confetti": {
        1: "#FFC0CB",
        2: "#FFFF00",
        3: "#00FF00",
        4: "#8A2BE2",
        5: "#FF1493",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#FFFF00

Color 3#00FF00

Color 4#8A2BE2

Color 5#FF1493

Accessibility

Contrast checker

1.4:1Fail

1.1:1Fail

3.9:1AA18

2.4:1Fail

1.4:1Fail

1.3:1Fail

5.5:1AA

3.4:1AA18

1.1:1Fail

1.3:1Fail

4.3:1AA18

2.7:1Fail

3.9:1AA18

5.5:1AA

4.3:1AA18

1.6:1Fail

2.4:1Fail

3.4:1AA18

2.7:1Fail

1.6:1Fail

Similar palettes

More like Playful Sweet Confetti

View all vibrant

Carnival Fest

Carnival Festivity Burst

Bubblegum Pop Party

Carnival Confetti Blast

Carnival Merry Go

Carnival Midway Fun