Palette

Winter Thistle Bloom

Cool purples and muted greys inspired by the hardy beauty of thistles, blooming resiliently in frosty winter landscapes.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#624D7A#9783B0#D3C3E0#ECE0F4#B0B8C7

Palette guide

How to use Winter Thistle Bloom

Overview

The Winter Thistle Bloom palette offers a unique blend of cool purples and muted grays, inspired by the resilient beauty of thistles in a frosty winter landscape. Anchored by the deep, rich #624D7A, it transitions through a softer lavender #9783B0, a pale lilac #D3C3E0, and the almost-white #ECE0F4. A cool, neutral gray, #B0B8C7, rounds out the collection, adding balance and sophistication. This palette is perfect for designs seeking an elegant, slightly whimsical, yet grounded aesthetic. It's ideal for branding, web design, or editorial content that wants to convey creativity, uniqueness, and understated charm.

Best used for

Independent fashion or artisan product branding
Creative agency websites or portfolios
Botanical or nature-themed designs
Personal blogs with a unique, artistic touch
Event branding for sophisticated, intimate gatherings
Packaging design for natural or organic products

Suggested color roles

primary

#624D7A serves as a rich, distinctive primary color for headlines, calls-to-action, or dominant brand elements, providing depth and character.

secondary

#9783B0 works well for subheadings, secondary buttons, or large text blocks, offering a softer yet still impactful purple.

accent

#D3C3E0 provides a delicate, ethereal accent for interactive states, small icons, or subtle decorative features, adding a touch of lightness.

background

#ECE0F4 offers a very light, almost white background with a hint of lavender, creating an airy and sophisticated canvas.

text

Use a dark charcoal or black (e.g., #333333) for body text on #ECE0F4. For text on #624D7A, a crisp white or light gray provides excellent contrast.

Accessibility notes

#ECE0F4 and #D3C3E0 have very low contrast; avoid using them for essential text.
Ensure #624D7A provides sufficient contrast against #ECE0F4 for all body text to meet WCAG standards.
Test interactive elements to ensure clear visual feedback, especially with subtle color changes between the lighter purples.
The neutral gray #B0B8C7 can be used for secondary text on #ECE0F4, but verify its contrast for readability.

Recommended combinations

Thistle Elegance

Ideal for sophisticated branding, with #ECE0F4 as a clean background and #9783B0 for secondary elements.

#624D7A · #9783B0 · #ECE0F4

Frosted Bloom

Great for a light, ethereal web layout or print background, with #B0B8C7 for subtle text.

#ECE0F4 · #D3C3E0 · #B0B8C7

Winter Garden

Suitable for creative projects, offering a balance of deep purple, cool gray, and light accent.

#624D7A · #B0B8C7 · #D3C3E0

CSS variables

:root {
  --winter-thistle-bloom-1: #624D7A;
  --winter-thistle-bloom-2: #9783B0;
  --winter-thistle-bloom-3: #D3C3E0;
  --winter-thistle-bloom-4: #ECE0F4;
  --winter-thistle-bloom-5: #B0B8C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-thistle-bloom": {
        1: "#624D7A",
        2: "#9783B0",
        3: "#D3C3E0",
        4: "#ECE0F4",
        5: "#B0B8C7",
      }
    }
  }
}

Hex values

Color 1#624D7A

Color 2#9783B0

Color 3#D3C3E0

Color 4#ECE0F4

Color 5#B0B8C7

Accessibility

Contrast checker

2.2:1Fail

4.4:1AA18

5.8:1AA

3.7:1AA18

2.2:1Fail

2:1Fail

2.7:1Fail

1.7:1Fail

4.4:1AA18

2:1Fail

1.3:1Fail

1.2:1Fail

5.8:1AA

2.7:1Fail

1.3:1Fail

1.6:1Fail

3.7:1AA18

1.7:1Fail

1.2:1Fail

1.6:1Fail

Similar palettes

More like Winter Thistle Bloom

View all cool

Frosted Berry Patch

Dreamy Lavender Field

Frosted Berry Basket

Frosted Berry Bush

Frosted Berry Crumble

Frosted Berry Grove