Back to palettes

Palette

Spring Thistle Bloom

Soft purples and mauves reflecting the subtle beauty of thistle blooms appearing in early spring meadows.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7D6999#9F87B5#C4A5CF#62507A#483A5A

Palette guide

How to use Spring Thistle Bloom

Overview

The "Spring Thistle Bloom" palette offers a serene collection of soft purples and mauves, perfect for conveying elegance, calm, and a touch of nature-inspired sophistication. Featuring hues like the gentle #C4A5CF, the balanced #9F87B5, and the deeper #7D6999, this scheme evokes the subtle beauty of early spring flora. Designers and developers can leverage its harmonious range, from the rich #62507A to the profound #483A5A, to create designs that feel inviting and refined. This palette excels in projects requiring a delicate yet memorable visual identity, ensuring a cohesive and tranquil user experience across various platforms. Its inherent softness makes it versatile for both digital and print applications.

Best used for

  • Spa and wellness branding
  • Wedding stationery and event design
  • Feminine product packaging or beauty brands
  • Elegant website themes and mobile app interfaces
  • Interior design accents or textile patterns
  • Artistic portfolios or creative studios

Suggested color roles

primary

The versatile #7D6999 serves as an excellent primary, offering a balanced mid-tone purple that is both gentle and sophisticated for branding elements or main content areas.

secondary

Utilize #9F87B5 as a supporting secondary color, providing a softer contrast and expanding the palette's gentle range for subheadings, backgrounds, or complementary graphics.

accent

The delicate #C4A5CF works beautifully as an accent, perfect for subtle highlights, interactive states, or adding a light, airy touch to icons and decorative elements.

background

Employ #C4A5CF for light, ethereal backgrounds that convey calm, or use #9F87B5 for a slightly richer, yet still soft, foundational layer.

text

The deep #483A5A provides excellent readability for body text and headlines, ensuring strong contrast, while #62507A can be used for secondary text or emphasized elements.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #C4A5CF with any text, recommending darker text colors such as #483A5A or #62507A for readability.
  • Avoid using #C4A5CF as text on #9F87B5 or #7D6999 backgrounds, as contrast might be insufficient for WCAG AA compliance.
  • For interactive elements, use the darker #483A5A or #62507A for states to clearly indicate focus or hover, especially against lighter backgrounds.
  • When using the lighter purples for large graphical elements, ensure surrounding text or UI components have strong contrast, potentially using black or charcoal for critical information.

Recommended combinations

Soft Gradient

Ideal for subtle background gradients, hero sections, or illustrating depth in design elements.

#C4A5CF · #9F87B5 · #7D6999

Elegant Contrast

Excellent for primary text on a mid-tone background with a light accent for buttons or highlights.

#483A5A · #7D6999 · #C4A5CF

Deep & Rich

Suited for sophisticated branding, dark mode themes, or creating a luxurious feel with good readability.

#62507A · #9F87B5 · #483A5A

CSS variables

:root {
  --spring-thistle-bloom-1: #7D6999;
  --spring-thistle-bloom-2: #9F87B5;
  --spring-thistle-bloom-3: #C4A5CF;
  --spring-thistle-bloom-4: #62507A;
  --spring-thistle-bloom-5: #483A5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-thistle-bloom": {
        1: "#7D6999",
        2: "#9F87B5",
        3: "#C4A5CF",
        4: "#62507A",
        5: "#483A5A",
      }
    }
  }
}

Related searches

pastel purple color schemelavender branding colorsgentle purple UI palettefloral design colorscalm website color ideas

Palette colors

Hex values

Color 1#7D6999
·
Color 2#9F87B5
·
Color 3#C4A5CF
·
Color 4#62507A
·
Color 5#483A5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.5:1Fail
2.1:1Fail
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
3.3:1AA18
3
2.2:1Fail
1.5:1Fail
3.3:1AA18
4.7:1AA
4
1.5:1Fail
2.2:1Fail
3.3:1AA18
1.5:1Fail
5
2.1:1Fail
3.3:1AA18
4.7:1AA
1.5:1Fail

Similar palettes

More like Spring Thistle Bloom

View all Pastel
Aqua Blossom Dream
Cloud Kissed Lavender
Lavender Field Dream
Lavender Haze Dreams
Lavender Mist Dream
Blossom Blush Breeze