Palette

Winter Berry Delight

Soft, frosted reds and grays that evoke the serene beauty of winter berries on a snowy branch.

coolcalm5 colors

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

#F0EBE0#D5C8C8#B59E9E#907373#6D4C4C

Palette guide

How to use Winter Berry Delight

Overview

The Winter Berry Delight palette offers a serene and sophisticated collection of soft, frosted reds and grays, evoking the calm beauty of winter berries on a snowy branch. Anchored by the light #F0EBE0, it features muted tones like #D5C8C8 and #B59E9E, alongside deeper, grounding shades such as #907373 and #6D4C4C. This palette is ideal for designers and developers seeking to create a calm, luxurious, and understated aesthetic. It's particularly effective for projects that require a sense of tranquility, natural elegance, or a refined, cozy atmosphere without being overtly festive.

Best used for

Serene brand identities
Luxury home goods design
Editorial layouts and publications
Spa and wellness websites
Sophisticated event invitations
Minimalist interior design concepts

Suggested color roles

primary

#907373 serves as a grounding primary color, suitable for main headings, brand elements, or prominent features.

secondary

#B59E9E provides a soft, muted secondary color for supporting visuals, subtle backgrounds, or accents.

accent

#6D4C4C offers a deep, rich accent for strong emphasis, calls-to-action, or luxurious detailing.

background

#F0EBE0 provides a clean, bright background, ensuring ample visual breathing room and a crisp feel.

text

#6D4C4C is an excellent choice for primary body text and headings on light backgrounds, ensuring strong readability with an elegant tone, or a dark charcoal for general use.

Accessibility notes

Ensure #6D4C4C text on the #F0EBE0 background meets WCAG contrast requirements for optimal readability.
Lighter grays like #D5C8C8 may not provide sufficient contrast for small text on #F0EBE0; use for larger text or decorative elements.
Verify that interactive elements have clear visual states with adequate contrast against their surroundings.
Avoid using #B59E9E for critical text elements on light backgrounds due to potential low contrast.

Recommended combinations

Muted Interface

Use #F0EBE0 for a clean background, #907373 for section headings, and #6D4C4C for body text.

#F0EBE0 · #907373 · #6D4C4C

Elegant Card

Design a card with #D5C8C8 as the background, #6D4C4C for the title, and #B59E9E for a subtle detail or icon.

#D5C8C8 · #6D4C4C · #B59E9E

Subtle Accent

Highlight elements with #B59E9E on a #F0EBE0 background, using #907373 for accompanying text.

#B59E9E · #F0EBE0 · #907373

CSS variables

:root {
  --winter-berry-delight-1: #F0EBE0;
  --winter-berry-delight-2: #D5C8C8;
  --winter-berry-delight-3: #B59E9E;
  --winter-berry-delight-4: #907373;
  --winter-berry-delight-5: #6D4C4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-berry-delight": {
        1: "#F0EBE0",
        2: "#D5C8C8",
        3: "#B59E9E",
        4: "#907373",
        5: "#6D4C4C",
      }
    }
  }
}

Hex values

Color 1#F0EBE0

Color 2#D5C8C8

Color 3#B59E9E

Color 4#907373

Color 5#6D4C4C

Accessibility

Contrast checker

1.4:1Fail

2.1:1Fail

3.6:1AA18

6.3:1AA

1.4:1Fail

1.5:1Fail

2.6:1Fail

4.6:1AA

2.1:1Fail

1.5:1Fail

1.7:1Fail

3:1Fail

3.6:1AA18

2.6:1Fail

1.7:1Fail

1.8:1Fail

6.3:1AA

4.6:1AA

3:1Fail

1.8:1Fail

Similar palettes

More like Winter Berry Delight