Back to palettes

Palette

Wild Berry Burst

A vibrant and juicy explosion of rich purples and pinks, reminiscent of bursting wild berries.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Berry 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 Wild Berry Burst.

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

Data visualization

#5A005A#8A008A#BF00BF#FF33FF#FF80FF

Palette guide

How to use Wild Berry Burst

Overview

The Wild Berry Burst palette is a vibrant and juicy explosion of rich purples and pinks, reminiscent of bursting wild berries. It cascades from the deep #5A005A (dark magenta) and #8A008A (vibrant purple) through the striking #BF00BF (bright magenta) and #FF33FF (electric pink), finishing with the playful #FF80FF (light pink). This palette is perfect for designers aiming to create energetic, playful, and distinctly feminine or vibrant experiences. Developers can leverage these hex codes to build eye-catching e-commerce sites, dynamic social media campaigns, or creative applications that demand attention and evoke a sense of fun, luxury, and bold self-expression.

Best used for

  • Cosmetics and beauty product branding
  • Youthful fashion and accessory design
  • Children's product packaging and marketing
  • Playful digital art and graphic design
  • Event promotions for parties and festivals
  • Vibrant lifestyle blogs and social media content

Suggested color roles

primary

Utilize #BF00BF as a powerful primary color for brand identity, key headings, or calls-to-action, delivering a bold statement.

secondary

Employ #8A008A for supporting content areas, subheadings, or secondary buttons, providing depth and continuity.

accent

Introduce #FF33FF as a radiant accent for highlights, small interactive elements, or to inject a burst of electric energy.

background

A clean white (#FFFFFF) or very light neutral background is essential to allow these intense purples and pinks to truly pop.

text

For body text, use the darkest shade, #5A005A, or classic black (#000000) to ensure high contrast and optimal readability.

Accessibility notes

  • Ensure text on #FF33FF and #FF80FF has very high contrast, using dark text to meet WCAG AA standards.
  • Avoid using similar light magenta tones for interactive elements without clear visual differentiation.
  • The darker shades (#5A005A, #8A008A) provide good contrast for white or light text when used as backgrounds.
  • Carefully test all text and interactive elements for sufficient contrast, especially in a vibrant palette like this.

Recommended combinations

Bright Magenta Glow

Creates a luminous and playful gradient, ideal for vibrant backgrounds, headers, or energetic graphical elements.

#BF00BF · #FF33FF · #FF80FF

Deep Purple Burst

Offers a rich, dynamic progression of purples, perfect for sophisticated branding, main content areas, or elegant UI.

#5A005A · #8A008A · #BF00BF

Playful Contrast

Combines deep and bright magentas for impactful calls-to-action, distinct sections, or striking visual hierarchy.

#5A005A · #BF00BF · #FF33FF

CSS variables

:root {
  --wild-berry-burst-3-1: #5A005A;
  --wild-berry-burst-3-2: #8A008A;
  --wild-berry-burst-3-3: #BF00BF;
  --wild-berry-burst-3-4: #FF33FF;
  --wild-berry-burst-3-5: #FF80FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-berry-burst-3": {
        1: "#5A005A",
        2: "#8A008A",
        3: "#BF00BF",
        4: "#FF33FF",
        5: "#FF80FF",
      }
    }
  }
}

Related searches

vibrant purple pinkmagenta color schemeplayful berry palettebright fuchsia UIenergetic purple branding

Palette colors

Hex values

Color 1#5A005A
·
Color 2#8A008A
·
Color 3#BF00BF
·
Color 4#FF33FF
·
Color 5#FF80FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
4.5:1AA
6.2:1AA
2
1.5:1Fail
1.6:1Fail
2.9:1Fail
4:1AA18
3
2.5:1Fail
1.6:1Fail
1.8:1Fail
2.5:1Fail
4
4.5:1AA
2.9:1Fail
1.8:1Fail
1.4:1Fail
5
6.2:1AA
4:1AA18
2.5:1Fail
1.4:1Fail

Similar palettes

More like Wild Berry Burst

View all vibrant
Berry Patch Harvest
Dragonfruit Sparkle
Exotic Fruit Basket
Exotic Fruit Splash
Exotic Juice Burst
Grapevine Trellis Shade