Back to palettes

Palette

Juicy Berry Burst

A delicious burst of pinks and purples, just like a refreshing and vibrant berry smoothie.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B008B#C71585#FF69B4#FFB6C1#FFC0CB

Palette guide

How to use Juicy Berry Burst

Overview

The Juicy Berry Burst palette offers a delicious spectrum of pinks and purples, evoking the lush richness of berries and sweet treats. Featuring a deep magenta (#8B008B), a vibrant fuchsia (#C71585), a hot pink (#FF69B4), a soft blush (#FFB6C1), and a delicate light pink (#FFC0CB), this collection is perfect for creating designs that are both playful and sophisticated. Designers and developers can use these harmonious hues to craft engaging interfaces, luxurious packaging, or inviting digital content, ensuring a cohesive and visually appealing experience that feels fresh and modern.

Best used for

  • Cosmetics and beauty product branding
  • Fashion and apparel design
  • Dessert and confectionery marketing
  • Feminine lifestyle blogs and websites
  • Springtime event invitations
  • Lush, gradient-rich graphic design

Suggested color roles

primary

Use #C71585 (fuchsia) as a vibrant and engaging primary color for main elements or brand identity.

secondary

Employ #FF69B4 (hot pink) for lively secondary content, call-to-action buttons, or interactive components.

accent

Apply #8B008B (deep magenta) for strong accents, important headings, or luxurious details.

background

Utilize #FFB6C1 (blush) for soft, warm backgrounds that provide a gentle foundation for other colors.

text

For excellent readability, use a dark color such as #8B008B or a deep charcoal for primary text on lighter backgrounds.

Accessibility notes

  • Many colors in this palette are close in luminosity; ensure adequate contrast for text and interactive elements.
  • Pair the darkest shade, #8B008B, with the lightest shades like #FFC0CB or #FFB6C1 for critical information.
  • Avoid using similar light pinks for text and backgrounds as this can lead to poor readability.
  • Check color contrast carefully, especially for small text or icons, to meet WCAG guidelines.

Recommended combinations

Berry Smoothie

Ideal for main UI elements, product displays, and engaging visual content.

#C71585 · #FF69B4 · #FFB6C1

Deep Blossom

Excellent for luxurious accents, elegant typography, or subtle background patterns.

#8B008B · #FFC0CB · #C71585

Gentle Blush

Creates soft, ethereal backgrounds, gradients, or delicate overlays.

#FFB6C1 · #FFC0CB · #FF69B4

CSS variables

:root {
  --juicy-berry-burst-1: #8B008B;
  --juicy-berry-burst-2: #C71585;
  --juicy-berry-burst-3: #FF69B4;
  --juicy-berry-burst-4: #FFB6C1;
  --juicy-berry-burst-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "juicy-berry-burst": {
        1: "#8B008B",
        2: "#C71585",
        3: "#FF69B4",
        4: "#FFB6C1",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

pink purple color paletteberry tones designfeminine branding colorssweet gradient colorsvibrant fuchsia palette

Palette colors

Hex values

Color 1#8B008B
·
Color 2#C71585
·
Color 3#FF69B4
·
Color 4#FFB6C1
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.2:1AA18
5.1:1AA
5.5:1AA
2
1.6:1Fail
2:1Fail
3.3:1AA18
3.5:1AA18
3
3.2:1AA18
2:1Fail
1.6:1Fail
1.7:1Fail
4
5.1:1AA
3.3:1AA18
1.6:1Fail
1.1:1Fail
5
5.5:1AA
3.5:1AA18
1.7:1Fail
1.1:1Fail

Similar palettes

More like Juicy Berry Burst

View all vibrant
Bubblegum Alley
Sweet Berrylicious Treat
Berry Blossom
Berry Patch Delight
Dragon Fruit Burst
Dragonfruit Sparkle