Back to palettes

Palette

Wild Thistle Meadow

Soft lavenders and dusty purples inspired by a tranquil meadow dotted with wild thistle blooms.

pastelnatural5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Thistle Meadow 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 Wild Thistle Meadow.

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

Data visualization

#8B5A7F#A77C9B#C2A0B7#DFCEE8#4D3447

Palette guide

How to use Wild Thistle Meadow

Overview

The Wild Thistle Meadow palette (original version) captures the delicate beauty of a tranquil field with its soft lavenders and dusty purples. Featuring the rich #8B5A7F as a primary hue, it gracefully transitions to the gentle #A77C9B and the airy #C2A0B7. The lightest shade, #DFCEE8, offers a perfect, soft background, while #4D3447 provides a deep, grounding contrast that hints at the thistle's thorny stems. This palette is ideal for projects that require a touch of elegance, femininity, and natural softness, creating a serene and inviting atmosphere for users and viewers alike.

Best used for

  • Feminine brand identities
  • Beauty and cosmetic packaging
  • Wedding invitations and stationery
  • Delicate textile and fashion designs
  • Artistic portfolios and galleries
  • Calm and elegant digital interfaces

Suggested color roles

primary

Designate #8B5A7F as the main color for headings, buttons, or key graphical elements, providing a rich, floral anchor.

secondary

Use #A77C9B for supporting information, sub-sections, or as a softer alternative, maintaining harmony.

accent

Apply #4D3447 for strong contrast in small details, icons, or important call-to-action elements, adding depth.

background

Choose #DFCEE8 as a light, airy background, allowing other colors to gently pop and ensuring a soft visual base.

text

For clear readability, use #4D3447 or #8B5A7F for body text, especially against the lighter background shades.

Accessibility notes

  • Ensure text using #C2A0B7 has sufficient contrast against its background; it may be too light for small text.
  • The darkest color, #4D3447, provides excellent contrast on #DFCEE8, making it suitable for body copy and essential information.
  • Avoid using similar light purple shades for text and background to prevent readability issues.
  • Always check WCAG guidelines for color pairings, particularly for interactive elements and user input fields.

Recommended combinations

Delicate Bloom

Creates a soft, gradient-like transition for backgrounds, headers, or decorative elements, evoking lightness.

#DFCEE8 · #C2A0B7 · #A77C9B

Deep Floral

Combines the richness of the palette, suitable for impactful branding, main content sections, or elegant illustrations.

#8B5A7F · #4D3447 · #A77C9B

Gentle Contrast

Utilizes a light base with strong, defined focal points, ideal for clear hierarchy in web pages or print layouts.

#DFCEE8 · #8B5A7F · #4D3447

CSS variables

:root {
  --wild-thistle-meadow-1: #8B5A7F;
  --wild-thistle-meadow-2: #A77C9B;
  --wild-thistle-meadow-3: #C2A0B7;
  --wild-thistle-meadow-4: #DFCEE8;
  --wild-thistle-meadow-5: #4D3447;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-thistle-meadow": {
        1: "#8B5A7F",
        2: "#A77C9B",
        3: "#C2A0B7",
        4: "#DFCEE8",
        5: "#4D3447",
      }
    }
  }
}

Related searches

soft purple palettelavender design colorsdelicate floral tonesdusty rose aestheticnatural pastel purples

Palette colors

Hex values

Color 1#8B5A7F
·
Color 2#A77C9B
·
Color 3#C2A0B7
·
Color 4#DFCEE8
·
Color 5#4D3447
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.7:1AA18
2:1Fail
2
1.6:1Fail
1.5:1Fail
2.4:1Fail
3.2:1AA18
3
2.3:1Fail
1.5:1Fail
1.6:1Fail
4.7:1AA
4
3.7:1AA18
2.4:1Fail
1.6:1Fail
7.4:1AAA
5
2:1Fail
3.2:1AA18
4.7:1AA
7.4:1AAA

Similar palettes

More like Wild Thistle Meadow

View all pastel