Palette

Winter Berry Delight

Rich, comforting reds and gentle pinks, reminiscent of tart berries against a snowy backdrop.

warmnatural5 colors

More warm 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

#4A1A1A#8A2D2D#C24D4D#D97A7A#F0C4C4

Palette guide

How to use Winter Berry Delight

Overview

This Winter Berry Delight palette offers a rich and comforting collection of reds and gentle pinks, reminiscent of tart berries against a snowy backdrop. The deep #4A1A1A anchors the palette, complemented by the warm #8A2D2D and the vibrant #C24D4D. Lighter, frosted tones like #D97A7A and the soft #F0C4C4 provide balance and warmth. Designers and developers can utilize this palette to craft cozy brand identities, inviting digital spaces, and elegant holiday marketing materials. It's particularly effective for projects aiming to evoke a sense of warmth, tradition, and subtle luxury during the cooler seasons.

Best used for

Cozy brand identity
Holiday marketing campaigns
Food and beverage packaging
Elegant event decor
Winter fashion collections
Lifestyle blogs and websites

Suggested color roles

primary

#8A2D2D serves as a welcoming primary color, suitable for brand logos and main content areas.

secondary

#C24D4D provides a brighter, more active secondary color for calls-to-action or key visual elements.

accent

#4A1A1A offers a deep, sophisticated accent for strong contrasts, borders, or luxurious details.

background

#F0C4C4 delivers a soft, warm background, creating an inviting and comfortable user experience.

text

#4A1A1A is excellent for body text and headings on light backgrounds, ensuring readability with a rich, dark tone, or a dark charcoal for general use.

Accessibility notes

Ensure #4A1A1A provides sufficient contrast when used for text on the #F0C4C4 background.
Lighter reds like #D97A7A should be used with caution for text, especially on similar light backgrounds.
Always test interactive elements (buttons, links) for contrast in all states (normal, hover, active).
When using #C24D4D as a background, ensure text color like #4A1A1A or white has adequate contrast.

Recommended combinations

Elegant UI

Use #F0C4C4 as a base background, #8A2D2D for headings, and #4A1A1A for body text to create a sophisticated interface.

#F0C4C4 · #8A2D2D · #4A1A1A

Festive Button

Design a button with #C24D4D as the background, #F0C4C4 for text, and #4A1A1A for a subtle border or hover effect.

#C24D4D · #F0C4C4 · #4A1A1A

Content Block

Apply #D97A7A as a content block background, #4A1A1A for the title, and #8A2D2D for supporting text.

#D97A7A · #4A1A1A · #8A2D2D

CSS variables

:root {
  --winter-berry-delight-4-1: #4A1A1A;
  --winter-berry-delight-4-2: #8A2D2D;
  --winter-berry-delight-4-3: #C24D4D;
  --winter-berry-delight-4-4: #D97A7A;
  --winter-berry-delight-4-5: #F0C4C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-delight-4": {
        1: "#4A1A1A",
        2: "#8A2D2D",
        3: "#C24D4D",
        4: "#D97A7A",
        5: "#F0C4C4",
      }
    }
  }
}

Hex values

Color 1#4A1A1A

Color 2#8A2D2D

Color 3#C24D4D

Color 4#D97A7A

Color 5#F0C4C4

Accessibility

Contrast checker

1.7:1Fail

3.1:1AA18

4.8:1AA

9.2:1AAA

1.7:1Fail

1.8:1Fail

2.8:1Fail

5.4:1AA

3.1:1AA18

1.8:1Fail

1.6:1Fail

3:1AA18

4.8:1AA

2.8:1Fail

1.6:1Fail

1.9:1Fail

9.2:1AAA

5.4:1AA

3:1AA18

1.9:1Fail

Similar palettes

More like Winter Berry Delight