Palette

Iced Berry Harvest

Reflects the vibrant hues of berries found in a winter landscape, touched by frost.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Iced Berry Harvest 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 Iced Berry Harvest.

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

Data visualization

#4E0A3F#7E1C4B#B2456B#8AB6C7#DCEAF0

Palette guide

How to use Iced Berry Harvest

Overview

The Iced Berry Harvest palette beautifully reflects the vibrant hues of berries touched by frost in a winter landscape, offering a unique blend of deep, rich purples and pinks with refreshing icy blues. Key colors include the profound #4E0A3F (Dark Plum) and #7E1C4B (Raspberry), transitioning to the softer #B2456B (Rose Pink), contrasted by the cool #8AB6C7 (Cadet Blue) and the airy #DCEAF0 (very light Cyan). This palette is ideal for designers and developers looking to create a cozy yet sophisticated aesthetic, perfect for seasonal branding, gourmet products, or digital experiences that evoke warmth, natural beauty, and a touch of winter's crispness. Its distinct contrasts provide excellent visual interest.

Best used for

Holiday season branding and marketing
Gourmet food and beverage packaging
Fashion and accessories for winter collections
Cozy blog designs or lifestyle websites
Seasonal event invitations and promotions
E-commerce for artisanal or handmade goods

Suggested color roles

primary

#7E1C4B serves as a rich, inviting primary, perfect for main headings, calls-to-action, or dominant design elements.

secondary

#4E0A3F offers a deep, grounding secondary, excellent for navigation, footer sections, or strong background panels.

accent

#8AB6C7 provides a crisp, icy accent, ideal for subtle highlights, interactive elements, or adding a refreshing counterpoint to the berry tones.

background

#DCEAF0 creates a light, frosted background, offering a clean canvas that allows the deeper berry hues to truly pop.

text

Use white or near-white text on #4E0A3F and #7E1C4B for optimal readability. For lighter backgrounds like #DCEAF0, a dark charcoal or #4E0A3F works best for text.

Accessibility notes

White text is crucial for readability on the dark berry tones (#4E0A3F, #7E1C4B).
Ensure sufficient contrast for text when using #B2456B, especially on lighter backgrounds.
Dark text (e.g., charcoal or black) is necessary for readability on #DCEAF0 and #8AB6C7.
Pay attention to the contrast of interactive elements, ensuring they stand out against their surroundings.

Recommended combinations

Frosted Berry

Use #DCEAF0 as a light background, #7E1C4B for a vibrant heading, and #8AB6C7 for a cool, contrasting icon or button.

#DCEAF0 · #7E1C4B · #8AB6C7

Deep & Rich

Create a luxurious gradient or layered effect for headers or product displays, from #4E0A3F to #B2456B.

#4E0A3F · #B2456B · #7E1C4B

Winter Contrast

Apply #8AB6C7 as a cool background section, #4E0A3F for strong text, and #B2456B for a softer, inviting call-to-action.

#8AB6C7 · #4E0A3F · #B2456B

CSS variables

:root {
  --iced-berry-harvest-1: #4E0A3F;
  --iced-berry-harvest-2: #7E1C4B;
  --iced-berry-harvest-3: #B2456B;
  --iced-berry-harvest-4: #8AB6C7;
  --iced-berry-harvest-5: #DCEAF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "iced-berry-harvest": {
        1: "#4E0A3F",
        2: "#7E1C4B",
        3: "#B2456B",
        4: "#8AB6C7",
        5: "#DCEAF0",
      }
    }
  }
}

Hex values

Color 1#4E0A3F

Color 2#7E1C4B

Color 3#B2456B

Color 4#8AB6C7

Color 5#DCEAF0

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

6.7:1AA

11.9:1AAA

1.5:1Fail

1.8:1Fail

4.5:1AA18

7.9:1AAA

2.7:1Fail

1.8:1Fail

2.4:1Fail

4.3:1AA18

6.7:1AA

4.5:1AA18

2.4:1Fail

1.8:1Fail

11.9:1AAA

7.9:1AAA

4.3:1AA18

1.8:1Fail

Similar palettes

More like Iced Berry Harvest

Iced Berry Harvest

See it in context.

Ready when you are.

Built with Iced Berry Harvest.

How to use Iced Berry Harvest

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Frosted Berry

Deep & Rich

Winter Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Iced Berry Harvest