Back to palettes

Palette

Berry Blossom

A luscious and sweet collection of berry-inspired hues, bursting with the joy of summer harvests.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#880E4F#AD1457#C2185B#D81B60#F06292

Palette guide

How to use Berry Blossom

Overview

The Berry Blossom palette is a luscious and sweet collection of berry-inspired hues, bursting with the joy of summer harvests. This vibrant scheme moves from the deep #880E4F through rich #AD1457 and #C2185B, to the bright and energetic #D81B60, culminating in the playful #F06292. Each hex code contributes to a dynamic and inviting aesthetic, perfect for designs that aim to convey vibrancy, sweetness, and a touch of youthful exuberance. Designers and developers can utilize this palette to create engaging interfaces for confectionery brands, playful editorial content, or energetic digital experiences, ensuring a memorable and visually appealing user journey that stands out with its unique color story.

Best used for

  • Confectionery and dessert branding
  • Youth-focused product marketing
  • Festive event promotions
  • Playful mobile app interfaces
  • Fashion and beauty content
  • Vibrant social media campaigns

Suggested color roles

primary

The vibrant #D81B60 is excellent for impactful calls-to-action or headlines, demanding attention with its energetic hue.

secondary

Deep #880E4F can be used for navigation, footers, or background sections, providing a rich, stable base.

accent

The bright #F06292 serves as a powerful accent for interactive elements, small icons, or highlights to add a playful pop.

background

A lighter shade like #F06292 can be used for subtle backgrounds, ensuring a cheerful and inviting canvas.

text

For lighter backgrounds like #F06292, use the deep #880E4F or a dark charcoal for body text. On darker backgrounds like #880E4F, #F06292 or white ensures readability.

Accessibility notes

  • Ensure sufficient contrast between #D81B60 text and #F06292 backgrounds for WCAG AA compliance.
  • Avoid using #F06292 on #D81B60 for small text without careful contrast checks.
  • The vibrant colors can be intense; balance with sufficient white space or neutral tones to prevent visual fatigue.
  • Always test color combinations with accessibility tools to meet WCAG standards, especially for text and interactive elements.

Recommended combinations

Sweet & Bold

Ideal for hero sections and call-to-action blocks, creating a lively and clear visual hierarchy.

#D81B60 · #F06292 · #880E4F

Rich Harmony

Excellent for sophisticated branding, headers, and footers, providing depth with a playful highlight.

#AD1457 · #C2185B · #F06292

Vibrant Gradient

Use for visual storytelling, smooth transitions, or decorative elements that require a flowing aesthetic.

#880E4F · #AD1457 · #D81B60

CSS variables

:root {
  --berry-blossom-1: #880E4F;
  --berry-blossom-2: #AD1457;
  --berry-blossom-3: #C2185B;
  --berry-blossom-4: #D81B60;
  --berry-blossom-5: #F06292;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "berry-blossom": {
        1: "#880E4F",
        2: "#AD1457",
        3: "#C2185B",
        4: "#D81B60",
        5: "#F06292",
      }
    }
  }
}

Related searches

vibrant pink red palettesweet berry color schemeplayful fruit colorssummer branding palettecandy inspired colors

Palette colors

Hex values

Color 1#880E4F
·
Color 2#AD1457
·
Color 3#C2185B
·
Color 4#D81B60
·
Color 5#F06292
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
1.9:1Fail
3.1:1AA18
2
1.4:1Fail
1.2:1Fail
1.4:1Fail
2.3:1Fail
3
1.6:1Fail
1.2:1Fail
1.2:1Fail
1.9:1Fail
4
1.9:1Fail
1.4:1Fail
1.2:1Fail
1.6:1Fail
5
3.1:1AA18
2.3:1Fail
1.9:1Fail
1.6:1Fail

Similar palettes

More like Berry Blossom

View all vibrant
Juicy Berry Harvest
Tropical Punch Splash
Berry Patch Bliss
Candy Apple Red
Juicy Berry Burst
Peppermint Stripe Joy