Palette

Winter Blossom

Delicate, frosty hues mimicking the shimmering, pastel tones of ice-kissed winter berries.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D8BFD8#E6E6FA#B0C4DE#CDC9C9#E0FFFF

Palette guide

How to use Winter Blossom

Overview

The "Winter Blossom" palette is a soft and enchanting collection of pastel purples, blues, and gentle greys, mimicking the shimmering, ice-kissed tones of a tranquil winter scene. With delicate hues like #D8BFD8 (thistle), #E6E6FA (lavender blush), and #B0C4DE (light steel blue), it offers a dreamy and serene aesthetic. The inclusion of #CDC9C9 (silver) provides a subtle, frosted neutrality, while #E0FFFF (light cyan) adds a touch of crispness. This palette is ideal for designs that aim for a gentle, romantic, or minimalist feel, evoking purity and calm. Designers can use these pastel shades for harmonious layouts and soft gradients, while developers will find them perfect for light-themed interfaces that prioritize a soothing user experience.

Best used for

Wedding and event branding
Baby product packaging
Gentle lifestyle blogs
Spa and beauty websites
Art and craft projects
Personal branding with a soft touch

Suggested color roles

primary

A soft, romantic thistle purple #D8BFD8 for main content areas or subtle branding elements, providing a gentle and inviting feel.

secondary

A calming light steel blue #B0C4DE for secondary sections, gentle accents, or to add a cool, serene contrast.

accent

A very light lavender blush #E6E6FA, ideal for subtle highlights, hover states, or to add depth within light backgrounds.

background

The lightest, crisp light cyan #E0FFFF, providing an airy and expansive canvas for content, enhancing the palette's dreamy quality.

text

Given the lightness of the palette, a dark charcoal or a medium-dark grey is recommended for body text to ensure readability.

Accessibility notes

Most colors in this palette offer very low contrast with each other. Use a dark charcoal or black for text on all background colors.
Avoid using any of the palette colors for text on other palette colors, except for very large decorative text if contrast is specifically checked.
Ensure all interactive elements have clear visual states beyond just color, such as underlines or icons.
This palette is best used for large blocks of color, illustrations, or as backgrounds, with text in a highly contrasting dark neutral.

Recommended combinations

Dreamy Frost

Lightest background, soft purple element, and a calming blue accent.

#E0FFFF · #D8BFD8 · #B0C4DE

Subtle Shimmer

Neutral grey background, subtle lavender highlight, and a soft purple detail.

#CDC9C9 · #E6E6FA · #D8BFD8

Winter Sky

Light blue base, airy text or element, and a subtle grey for details.

#B0C4DE · #E0FFFF · #CDC9C9

CSS variables

:root {
  --winter-blossom-1: #D8BFD8;
  --winter-blossom-2: #E6E6FA;
  --winter-blossom-3: #B0C4DE;
  --winter-blossom-4: #CDC9C9;
  --winter-blossom-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-blossom": {
        1: "#D8BFD8",
        2: "#E6E6FA",
        3: "#B0C4DE",
        4: "#CDC9C9",
        5: "#E0FFFF",
      }
    }
  }
}

Hex values

Color 1#D8BFD8

Color 2#E6E6FA

Color 3#B0C4DE

Color 4#CDC9C9

Color 5#E0FFFF

Accessibility

Contrast checker

1.4:1Fail

1:1Fail

1.6:1Fail

1.4:1Fail

1.3:1Fail

1.2:1Fail

1:1Fail

1.4:1Fail

1.1:1Fail

1.7:1Fail

1:1Fail

1.3:1Fail

1.1:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

1.6:1Fail

Similar palettes

More like Winter Blossom

Winter Blossom

See it in context.

Ready when you are.

Built with Winter Blossom.

How to use Winter Blossom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dreamy Frost

Subtle Shimmer

Winter Sky

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Blossom