Palette

Winter Berry Crunch

A cheerful and tart collection of reds and pinks reminiscent of frosted winter berries.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#C71585#E75480#DDA0DD#A6552B

Palette guide

How to use Winter Berry Crunch

Overview

The Winter Berry Crunch palette is a cheerful and tart collection of reds and pinks reminiscent of frosted winter berries. This vibrant and playful scheme features a deep berry red (#8B0000), striking fuchsia (#C71585), bright hot pink (#E75480), soft lavender-pink (#DDA0DD), and an earthy brown (#A6552B). Ideal for designers and developers seeking a fun, energetic, and inviting aesthetic, this palette offers a delightful balance of bold and soft tones. It's perfect for children's products, playful branding, dessert packaging, or any project that aims to evoke a sense of joy, warmth, and deliciousness during the colder months, ensuring a memorable and engaging user experience.

Best used for

Children's product branding and packaging
Playful event graphics and promotions
Dessert and confectionery marketing
Vibrant social media content
Creative digital illustrations
Fun and engaging app interfaces

Suggested color roles

primary

Utilize #8B0000 as a grounding, deep red for important calls-to-action, headers, or robust content sections.

secondary

Apply #C71585 for vibrant accents, subheadings, or eye-catching graphical elements, adding energy.

accent

Employ #E75480 for cheerful highlights, interactive states, or decorative flourishes, drawing playful attention.

background

Use #DDA0DD as a soft, inviting background, creating a gentle canvas that allows other colors to pop.

text

For optimal legibility on light backgrounds, use #8B0000 or #A6552B. On darker colors, white or #DDA0DD ensures clarity.

Accessibility notes

Ensure sufficient contrast between #E75480 and #DDA0DD if used for text; darker alternatives are often needed.
Prioritize #8B0000 or #A6552B for all body text on light backgrounds to meet WCAG AA standards.
Avoid using #DDA0DD for small text on white or very light backgrounds due to potential low contrast.
Test color combinations for visual hierarchy, ensuring key playful elements stand out effectively.

Recommended combinations

Playful Pop

Creates a light, fun, and energetic feel, perfect for playful interfaces or cheerful illustrations.

#DDA0DD · #E75480 · #C71585

Deep & Rich

For a more grounded, earthy feel, ideal for strong brand statements or rustic-themed designs.

#8B0000 · #C71585 · #A6552B

Warm Berry

Offers a cozy and inviting feel with a vibrant touch, suitable for warm and friendly designs.

#A6552B · #8B0000 · #E75480

CSS variables

:root {
  --winter-berry-crunch-1: #8B0000;
  --winter-berry-crunch-2: #C71585;
  --winter-berry-crunch-3: #E75480;
  --winter-berry-crunch-4: #DDA0DD;
  --winter-berry-crunch-5: #A6552B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-crunch": {
        1: "#8B0000",
        2: "#C71585",
        3: "#E75480",
        4: "#DDA0DD",
        5: "#A6552B",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#C71585

Color 3#E75480

Color 4#DDA0DD

Color 5#A6552B

Accessibility

Contrast checker

1.8:1Fail

2.8:1Fail

4.8:1AA

1.9:1Fail

1.8:1Fail

1.5:1Fail

2.6:1Fail

1:1Fail

2.8:1Fail

1.5:1Fail

1.7:1Fail

1.5:1Fail

4.8:1AA

2.6:1Fail

1.7:1Fail

2.6:1Fail

1.9:1Fail

1:1Fail

1.5:1Fail

2.6:1Fail

Similar palettes

More like Winter Berry Crunch

Winter Berry Crunch

See it in context.

Ready when you are.

Built with Winter Berry Crunch.

How to use Winter Berry Crunch

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Playful Pop

Deep & Rich

Warm Berry

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Berry Crunch