Palette

Winter Berry Delight

Bright, cheerful reds and pinks that bring to mind juicy winter berries and festive occasions.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD5C5C#E78383#F2ADAD#993333#7A2828

Palette guide

How to use Winter Berry Delight

Overview

This Winter Berry Delight palette offers a vibrant and cheerful collection of reds and pinks, perfect for design projects needing a playful yet festive touch. With a core of #CD5C5C, a lively red, it’s beautifully complemented by the softer #E78383 and a very light #F2ADAD. Deeper tones like #993333 and the rich #7A2828 provide crucial contrast and depth, reminiscent of juicy winter berries. Designers and developers can leverage this palette to create engaging interfaces, eye-catching marketing materials, and warm digital experiences. It excels in conveying warmth, excitement, and a touch of holiday cheer, making it versatile for seasonal campaigns or playful branding that stands out.

Best used for

Festive holiday branding
Children's product packaging
Playful website interfaces
Event invitations and decor
Seasonal marketing campaigns
Food and beverage promotions

Suggested color roles

primary

#CD5C5C serves as a warm, inviting primary color for main branding elements and calls-to-action.

secondary

#E78383 provides a softer, supportive role for secondary buttons, illustrations, or highlights.

accent

#993333 adds a rich, deep accent for important details, interactive states, or strong visual anchors.

background

#F2ADAD offers a light, airy background for clean layouts, providing a gentle contrast to darker hues.

text

#7A2828 is ideal for main body text and headings on light backgrounds, ensuring strong readability and a cohesive feel, or a standard black for maximal contrast.

Accessibility notes

Ensure #7A2828 text on #F2ADAD backgrounds meets WCAG contrast standards for readability.
Lighter reds like #E78383 or #F2ADAD should not be used for small text on light backgrounds.
Provide sufficient contrast for interactive elements; for example, a #CD5C5C button with white text.
Avoid using similar shades of red for adjacent, distinct UI elements to prevent confusion.

Recommended combinations

Festive Header

Use #CD5C5C for the header background, #7A2828 for the main title, and #E78383 for a subtitle or decorative element.

#CD5C5C · #7A2828 · #E78383

Call to Action

Design a button with #993333 background, #F2ADAD text, and #CD5C5C for a hover or active state.

#993333 · #F2ADAD · #CD5C5C

UI Card

Create a card with a #F2ADAD background, #CD5C5C for a prominent title, and #7A2828 for body text.

#F2ADAD · #CD5C5C · #7A2828

CSS variables

:root {
  --winter-berry-delight-3-1: #CD5C5C;
  --winter-berry-delight-3-2: #E78383;
  --winter-berry-delight-3-3: #F2ADAD;
  --winter-berry-delight-3-4: #993333;
  --winter-berry-delight-3-5: #7A2828;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-delight-3": {
        1: "#CD5C5C",
        2: "#E78383",
        3: "#F2ADAD",
        4: "#993333",
        5: "#7A2828",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#E78383

Color 3#F2ADAD

Color 4#993333

Color 5#7A2828

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

1.8:1Fail

2.4:1Fail

1.5:1Fail

1.4:1Fail

2.8:1Fail

3.7:1AA18

2.2:1Fail

1.4:1Fail

3.9:1AA18

5.3:1AA

1.8:1Fail

2.8:1Fail

3.9:1AA18

1.3:1Fail

2.4:1Fail

3.7:1AA18

5.3:1AA

1.3:1Fail

Similar palettes

More like Winter Berry Delight

View all vibrant

Juicy Berry Harvest

Peppermint Stripe Joy