Palette

Winter Orchard Frost

Chilly reds, like plump winter berries clinging to frosty branches in an orchard.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Orchard Frost 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 Orchard Frost.

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

Data visualization

#A32C2C#CC4A4A#E66666#FF8282#FFB2B2

Palette guide

How to use Winter Orchard Frost

Overview

The Winter Orchard Frost palette presents a vibrant spectrum of chilly reds, reminiscent of plump winter berries clinging to frosty branches. Ranging from the deep, rich #A32C2C to the delicate #FFB2B2, with energetic mid-tones like #CC4A4A and #E66666, this palette offers a striking balance of coolness and warmth. Designers can leverage the deeper reds for bold statements and calls to action, while the lighter, frost-kissed tones provide softer accents or backgrounds. This palette is ideal for projects that aim to evoke a festive, inviting, yet crisp winter feel, perfect for seasonal branding or designs requiring a touch of vibrant energy tempered with elegance. Developers will find clear visual cues for interactive states and hierarchy.

Best used for

Holiday and seasonal branding campaigns
Winter fashion and apparel collections
Festive event promotion and decor
Bold UI accents and call-to-action buttons
Seasonal product packaging and marketing
Food and beverage branding with a winter theme

Suggested color roles

primary

Use #A32C2C for strong headings, primary calls to action, or impactful backgrounds, offering depth and intensity.

secondary

Apply #CC4A4A for subheadings, secondary buttons, or larger graphical elements, providing a vibrant yet balanced feel.

accent

Highlight with #E66666 or #FF8282 for active states, alerts, or small decorative details, adding a lively pop.

background

Choose #FFB2B2 for very light backgrounds, or a neutral white/light grey to let the reds truly stand out.

text

For body text on light backgrounds, use #A32C2C or a deep charcoal like #333333; for dark backgrounds, use white.

Accessibility notes

Ensure sufficient contrast when using lighter reds like #FF8282 or #E66666 for text on light backgrounds.
Pair #A32C2C or #CC4A4A with white text for excellent readability on buttons or dark sections.
Avoid using #FFB2B2 for body text due to its low contrast with many backgrounds; reserve for accents or backgrounds.
Be mindful of color blindness; use icons or patterns in addition to color to convey important information.

Recommended combinations

Festive Header

For a festive header: #A32C2C for the title, #FFB2B2 for the background, and #CC4A4A for a prominent subtitle.

#A32C2C · #FFB2B2 · #CC4A4A

Berry Button

Design a vibrant button: #CC4A4A for the button background, #FFB2B2 for the text, and #A32C2C for the hover state.

#CC4A4A · #FFB2B2 · #A32C2C

Icy Accent

Use #FF8282 for highlights, with #FFB2B2 as a background, and #E66666 for a subtle border or secondary accent.

#FF8282 · #FFB2B2 · #E66666

CSS variables

:root {
  --winter-orchard-frost-1: #A32C2C;
  --winter-orchard-frost-2: #CC4A4A;
  --winter-orchard-frost-3: #E66666;
  --winter-orchard-frost-4: #FF8282;
  --winter-orchard-frost-5: #FFB2B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-orchard-frost": {
        1: "#A32C2C",
        2: "#CC4A4A",
        3: "#E66666",
        4: "#FF8282",
        5: "#FFB2B2",
      }
    }
  }
}

Hex values

Color 1#A32C2C

Color 2#CC4A4A

Color 3#E66666

Color 4#FF8282

Color 5#FFB2B2

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

3:1Fail

4.2:1AA18

1.6:1Fail

1.4:1Fail

1.9:1Fail

2.6:1Fail

2.2:1Fail

1.4:1Fail

1.9:1Fail

3:1Fail

1.9:1Fail

1.4:1Fail

4.2:1AA18

2.6:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Winter Orchard Frost

Winter Orchard Frost

See it in context.

Ready when you are.

Built with Winter Orchard Frost.

How to use Winter Orchard Frost

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Festive Header

Berry Button

Icy Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Orchard Frost