Back to palettes

Palette

Field Thistle Bloom

A delicate spectrum of purples, capturing the subtle beauty of thistle blooms in a quiet, open field.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2BE2#9932CC#BA55D3#DA70D6#E0BBE4

Palette guide

How to use Field Thistle Bloom

Overview

The Field Thistle Bloom palette offers a delicate spectrum of purples, beautifully capturing the subtle beauty of thistle blooms in a quiet, open field. This serene collection ranges from the deep, elegant #8A2BE2 and #9932CC to the softer, more ethereal #BA55D3 and #DA70D6. The lightest shade, #E0BBE4, provides a gentle, airy quality, perfect for backgrounds or delicate accents. Designers and developers can utilize this palette to create designs that feel calm, sophisticated, and close to nature. It is ideal for projects seeking a gentle yet distinctive purple aesthetic, perfect for conveying tranquility, natural elegance, or a touch of romanticism.

Best used for

  • Nature-inspired branding and logos
  • Wellness and spa websites
  • Feminine product packaging
  • Gentle art prints and stationery
  • Serene digital interfaces and apps
  • Floral design and event decor

Suggested color roles

primary

Use #8A2BE2 for deep, grounding elegance in main headings, calls to action, or foundational elements.

secondary

Apply #BA55D3 for soft support, gentle accents, or to define sections with a tranquil feel.

accent

Highlight delicate details, interactive elements, or subtle accents with #DA70D6 for a gentle glow.

background

A very pale grey (e.g., #F8F8FC) or an almost-white lavender will enhance the softness of the palette.

text

Choose a deep violet (e.g., #3A005A) or dark charcoal for text to ensure clear readability, harmonizing with the purple.

Accessibility notes

  • Ensure text on lighter shades like #E0BBE4 and #DA70D6 meets contrast standards for readability.
  • Differentiate interactive elements clearly with sufficient visual cues, not just color.
  • Avoid using very similar shades for critical information where distinction is important.
  • Check legibility for all text sizes, especially smaller fonts, against the various purple backgrounds.

Recommended combinations

Thistle Gradient

Ideal for creating smooth, elegant gradients in backgrounds or large graphic elements, showcasing depth.

#8A2BE2 · #9932CC · #BA55D3

Gentle Bloom

Excellent for delicate illustrations, soft UI elements, or sections that require a light and airy feel.

#DA70D6 · #E0BBE4 · #BA55D3

Field Harmony

Perfect for a balanced visual that combines deep and light purples, suitable for branding or editorial layouts.

#8A2BE2 · #DA70D6 · #9932CC

CSS variables

:root {
  --field-thistle-bloom-1: #8A2BE2;
  --field-thistle-bloom-2: #9932CC;
  --field-thistle-bloom-3: #BA55D3;
  --field-thistle-bloom-4: #DA70D6;
  --field-thistle-bloom-5: #E0BBE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "field-thistle-bloom": {
        1: "#8A2BE2",
        2: "#9932CC",
        3: "#BA55D3",
        4: "#DA70D6",
        5: "#E0BBE4",
      }
    }
  }
}

Related searches

thistle flower colorsgentle purple palettewildflower designserene violet huesnature-inspired branding

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#9932CC
·
Color 3#BA55D3
·
Color 4#DA70D6
·
Color 5#E0BBE4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
2.1:1Fail
3.5:1AA18
2
1:1Fail
1.4:1Fail
2:1Fail
3.4:1AA18
3
1.5:1Fail
1.4:1Fail
1.4:1Fail
2.3:1Fail
4
2.1:1Fail
2:1Fail
1.4:1Fail
1.7:1Fail
5
3.5:1AA18
3.4:1AA18
2.3:1Fail
1.7:1Fail

Similar palettes

More like Field Thistle Bloom

View all pastel
Lavender Mist
Whispering Orchid Petals
Cherry Blossom Bloom
Frosted Berries Glaze
Lavender Field
Lavender Field Dream