Back to palettes

Palette

Crocus Meadow Blossom

Soft lavenders and gentle purples, like delicate crocus blossoms emerging in a spring meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D3A7ED#C38BE6#AE6EE6#9B50E6#8033E6

Palette guide

How to use Crocus Meadow Blossom

Overview

The Crocus Meadow Blossom palette embodies the delicate beauty of spring, with a serene gradient of soft lavenders and gentle purples. Ranging from a light Pastel Purple (#D3A7ED) to a deep Dark Orchid (#8033E6), it perfectly captures the essence of crocus flowers emerging in a meadow. This collection, featuring shades like Medium Orchid (#C38BE6), is ideal for designers and developers aiming to create calm, elegant, and subtly vibrant digital experiences. It’s particularly effective for wellness apps, sophisticated branding, floral designs, or any project that benefits from a tranquil yet fresh aesthetic, conveying a sense of peace and natural beauty.

Best used for

  • Wellness and meditation apps
  • Floral design and gardening websites
  • Spring fashion collections
  • Elegant wedding invitations
  • Spa and beauty product branding
  • Creative arts and craft projects

Suggested color roles

primary

A balanced, central purple (#AE6EE6) for main content areas or background sections, offering calm sophistication.

secondary

Use a lighter Medium Orchid (#C38BE6) for subheadings, secondary interactive elements, or supporting graphics, adding a gentle lift.

accent

A deep, rich accent (#8033E6) for important calls to action, highlights, or decorative details, providing depth and impact.

background

The lightest shade (#D3A7ED), perfect for a soft, ethereal background that allows other purples to bloom.

text

Use Dark Orchid (#8033E6) or a very dark purple/charcoal like #333333 for readable text on lighter palette colors, or white text (#FFFFFF) on darker purples.

Accessibility notes

  • The lighter purples, especially #D3A7ED and #C38BE6, will require very dark text for sufficient contrast.
  • Avoid using light text on #AE6EE6 or #9B50E6 without careful contrast verification.
  • #8033E6 is a good choice for text on a white or very light background.
  • Ensure interactive elements use colors with high enough contrast for usability.

Recommended combinations

Spring Bloom

Ideal for soft, inviting website headers, elegant digital invitations, or serene app interfaces.

#D3A7ED · #C38BE6 · #AE6EE6

Deep Meadow

Excellent for sophisticated branding, deep background elements, or artistic illustrations.

#9B50E6 · #8033E6 · #AE6EE6

Violet Dream

Suitable for creative portfolios, beauty product packaging, or tranquil lifestyle content.

#C38BE6 · #D3A7ED · #8033E6

CSS variables

:root {
  --crocus-meadow-blossom-1: #D3A7ED;
  --crocus-meadow-blossom-2: #C38BE6;
  --crocus-meadow-blossom-3: #AE6EE6;
  --crocus-meadow-blossom-4: #9B50E6;
  --crocus-meadow-blossom-5: #8033E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crocus-meadow-blossom": {
        1: "#D3A7ED",
        2: "#C38BE6",
        3: "#AE6EE6",
        4: "#9B50E6",
        5: "#8033E6",
      }
    }
  }
}

Related searches

purple spring palettefloral lavender colorscrocus flower schemepastel purple designcalm elegant purple

Palette colors

Hex values

Color 1#D3A7ED
·
Color 2#C38BE6
·
Color 3#AE6EE6
·
Color 4#9B50E6
·
Color 5#8033E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.2:1Fail
3:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
3:1Fail
2.3:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Crocus Meadow Blossom

View all pastel
Wisteria Dream Cascade
Blushing Petal Softness
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Breeze