Back to palettes

Palette

Sweet Tart Burst

A tangy, electric mix of bright colors, mimicking the sugary explosion of retro candies.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Tart Burst 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 Sweet Tart Burst.

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

Data visualization

#FF3366#FFDD00#00FFCC#8A2BE2#FF9933

Palette guide

How to use Sweet Tart Burst

Overview

The Sweet Tart Burst palette unleashes an explosion of vibrant, energetic hues perfect for designs that demand attention and a playful spirit. Featuring a lively #FF3366 (Vivid Pink), a sunny #FFDD00 (Bright Yellow), and a refreshing #00FFCC (Aqua Green), this collection evokes the nostalgic zest of retro candies. Designers and developers can leverage the electric #8A2BE2 (Electric Violet) and warm #FF9933 (Tangerine) to create dynamic, youthful interfaces and branding. This palette is engineered to infuse projects with an undeniable sense of fun and a memorable, tangy aesthetic, making it ideal for high-impact visual communication where brightness and energy are key.

Best used for

  • Youth-oriented product packaging and branding
  • Event promotions and festival graphics
  • Playful mobile app interfaces and game design
  • Children's book illustrations and educational content
  • Fashion and beauty branding targeting a young demographic
  • Digital art and animated web banners

Suggested color roles

primary

#FF3366 (Vivid Pink) – Ideal for main calls-to-action, prominent headlines, or a brand's signature energetic element. Its boldness ensures immediate impact.

secondary

#FFDD00 (Bright Yellow) – Use for secondary information, highlights, or to add warmth and optimism. Pairs well with #FF3366 for high-contrast, playful pairings.

accent

#8A2BE2 (Electric Violet) – Deploy sparingly for powerful accents, interactive states, or to introduce a sophisticated, unexpected pop against the other bright tones.

background

#00FFCC (Aqua Green) – Best utilized for large background sections where a vibrant, energetic base is desired. Exercise caution with text overlay due to its brightness.

text

For optimal readability, especially against the vibrant background #00FFCC, use a deep charcoal (#333333) or pure white (#FFFFFF). Avoid using other bright palette colors for body text.

Accessibility notes

  • Ensure sufficient contrast when pairing any two colors from this palette, particularly for text. WCAG 2.1 AA standards are challenging to meet with many combinations.
  • Against the #00FFCC background, use white (#FFFFFF) for large, bold text or a very dark neutral (e.g., #1A1A1A) for optimal legibility.
  • Small text (under 18pt regular or 14pt bold) will require significant contrast. Consider using a neutral dark color for body copy to maintain readability.
  • The high saturation of all colors means careful consideration is needed for users with color vision deficiencies; rely on other visual cues like icons or patterns.

Recommended combinations

Candy Pop Duo

Excellent for energetic headlines, playful button gradients, or eye-catching product highlights in e-commerce, evoking a sweet, tangy feel.

#FF3366 · #FFDD00 · #FF9933

Electric Punch

Creates a bold, high-contrast visual statement. Ideal for impactful call-to-action elements, event posters, or striking infographic sections.

#8A2BE2 · #FF3366 · #00FFCC

Fresh Zest

Perfect for conveying freshness and vibrancy in digital illustrations, playful UI elements, or sections requiring a lighter, more airy feel while remaining energetic.

#FFDD00 · #00FFCC · #FF9933

CSS variables

:root {
  --sweet-tart-burst-1: #FF3366;
  --sweet-tart-burst-2: #FFDD00;
  --sweet-tart-burst-3: #00FFCC;
  --sweet-tart-burst-4: #8A2BE2;
  --sweet-tart-burst-5: #FF9933;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-tart-burst": {
        1: "#FF3366",
        2: "#FFDD00",
        3: "#00FFCC",
        4: "#8A2BE2",
        5: "#FF9933",
      }
    }
  }
}

Related searches

vibrant candy color schemeplayful energetic palettebright retro hex codesyouthful brand colorshigh saturation design palette

Palette colors

Hex values

Color 1#FF3366
·
Color 2#FFDD00
·
Color 3#00FFCC
·
Color 4#8A2BE2
·
Color 5#FF9933
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.6:1Fail
2.7:1Fail
1.7:1Fail
1.7:1Fail
2
2.6:1Fail
1:1Fail
4.4:1AA18
1.6:1Fail
3
2.7:1Fail
1:1Fail
4.6:1AA
1.6:1Fail
4
1.7:1Fail
4.4:1AA18
4.6:1AA
2.8:1Fail
5
1.7:1Fail
1.6:1Fail
1.6:1Fail
2.8:1Fail

Similar palettes

More like Sweet Tart Burst

View all vibrant
Candy Wrapper Pop
Exotic Juice Burst
Playful Candy Fizz
Playful Gummy Bears
Bright Carnival Spin
Bright Fairground Lights