Back to palettes

Palette

Wild Cherry Blast

A powerful explosion of rich reds and warm pinks, like a mouthful of ripe wild cherries.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Cherry Blast 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 Cherry Blast.

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

Data visualization

#F2D2D2#E8A1A1#C77878#A64E4E#8C2F2F

Palette guide

How to use Wild Cherry Blast

Overview

The Wild Cherry Blast palette is a powerful explosion of rich reds and warm pinks, evoking the vibrant allure of ripe wild cherries. This energetic collection features shades like the delicate #F2D2D2, the inviting #E8A1A1, a robust #C77878, a deeper #A64E4E, and the intense #8C2F2F. Ideal for designers and developers aiming to create bold, captivating experiences, this palette provides a versatile range from soft highlights to impactful statements. Its warm, stimulating tones are perfect for grabbing attention and conveying passion or excitement in digital and print media.

Best used for

  • Vibrant branding and logos
  • Energetic call-to-action buttons
  • Fashion and beauty product packaging
  • Food and beverage marketing materials
  • Event promotions and signage
  • Website hero sections demanding attention

Suggested color roles

primary

Use #A64E4E as the main brand color for an inviting yet strong presence, suitable for primary buttons or key visual elements.

secondary

Employ #C77878 for subheadings, secondary interactive elements, or to soften the intensity of the primary red.

accent

Apply #8C2F2F sparingly for impactful accents, hover states, or crucial calls to action where maximum punch is desired.

background

Utilize #F2D2D2 as a light, airy background for content areas, providing a gentle contrast that keeps the overall feel warm.

text

For body text, use a dark charcoal or black for optimal readability against lighter backgrounds. #8C2F2F can be excellent for prominent headlines.

Accessibility notes

  • Ensure sufficient contrast when using lighter shades like #F2D2D2 or #E8A1A1 as backgrounds with text.
  • Prioritize #A64E4E, #C77878, or #8C2F2F for text on light backgrounds to meet WCAG contrast guidelines.
  • Avoid using #F2D2D2 for small text sizes, as it lacks sufficient contrast against white.
  • Test color combinations for readability, especially for users with color vision deficiencies, as reds can be tricky.

Recommended combinations

Bold Statement

Ideal for prominent headers on a light background with a strong accent color.

#8C2F2F · #F2D2D2 · #A64E4E

Soft Gradient

Create subtle visual depth in illustrations, banners, or decorative elements.

#E8A1A1 · #C77878 · #F2D2D2

Interactive Element

Design buttons where #A64E4E is the default, #F2D2D2 is text, and #8C2F2F is the hover state.

#A64E4E · #F2D2D2 · #8C2F2F

CSS variables

:root {
  --wild-cherry-blast-1: #F2D2D2;
  --wild-cherry-blast-2: #E8A1A1;
  --wild-cherry-blast-3: #C77878;
  --wild-cherry-blast-4: #A64E4E;
  --wild-cherry-blast-5: #8C2F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-cherry-blast": {
        1: "#F2D2D2",
        2: "#E8A1A1",
        3: "#C77878",
        4: "#A64E4E",
        5: "#8C2F2F",
      }
    }
  }
}

Related searches

cherry red color palettevibrant red designbold pinks and redsenergetic color schemewarm red UI colors

Palette colors

Hex values

Color 1#F2D2D2
·
Color 2#E8A1A1
·
Color 3#C77878
·
Color 4#A64E4E
·
Color 5#8C2F2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.9:1AA18
5.8:1AA
2
1.5:1Fail
1.6:1Fail
2.6:1Fail
3.9:1AA18
3
2.3:1Fail
1.6:1Fail
1.7:1Fail
2.5:1Fail
4
3.9:1AA18
2.6:1Fail
1.7:1Fail
1.5:1Fail
5
5.8:1AA
3.9:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Wild Cherry Blast

View all vibrant