Palette

Spring Crocus Field

Inspired by the delicate, early spring blooms of crocus flowers peeking through the last patches of snow.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Crocus Field 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 Crocus Field.

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

Data visualization

#9400D3#BA55D3#DDA0DD#E0BBE4#97D8C4

Palette guide

How to use Spring Crocus Field

Overview

The Spring Crocus Field palette is a vibrant yet delicate collection inspired by early spring crocus blooms, featuring a rich spectrum of purples and an unexpected splash of teal. It includes the deep #9400D3, a brighter #BA55D3, the soft lilac #DDA0DD, and the very light #E0BBE4, beautifully contrasted by the fresh #97D8C4. This palette is perfect for designers looking to create playful, whimsical, or majestically spring-themed designs. Its unique blend of cool and warm purples with a refreshing teal provides a dynamic yet harmonious visual experience, evoking a sense of renewal and gentle magic.

Best used for

Creative branding for boutique businesses
Children's book illustrations or toy packaging
Spring holiday event promotions
Digital art and fantasy-themed designs
Fashion accessories or textile patterns
Playful and inviting website interfaces

Suggested color roles

primary

Use #BA55D3 as a vibrant primary color for headlines or call-to-action elements, offering a cheerful focal point.

secondary

Employ #DDA0DD for larger content areas or as a soft background, providing a calming and expansive feel.

accent

Introduce #97D8C4 as a striking accent for icons, highlights, or interactive elements, adding a fresh, unexpected pop.

background

Utilize #E0BBE4 for light, airy backgrounds, ensuring high readability for darker text.

text

For body text, a deep charcoal or black offers excellent contrast. For headings, #9400D3 provides a rich, elegant option.

Accessibility notes

Ensure sufficient contrast when using lighter purples like #E0BBE4 as backgrounds; pair with dark text.
The dark purple #9400D3 offers good contrast for text on light backgrounds but may need larger sizes on mid-tones.
Be mindful of contrast when pairing #97D8C4 with other light purples; use it as an accent with dark text or on a very light background.
Test all color combinations for WCAG compliance, especially for interactive elements and crucial information.

Recommended combinations

Crocus Bloom

A gradient from light to deep purple, perfect for headers, banners, or elegant branding.

#E0BBE4 · #BA55D3 · #9400D3

Spring Pop

Combines soft purple with a refreshing teal, ideal for adding a playful, modern touch to designs.

#DDA0DD · #97D8C4 · #BA55D3

Mystic Field

Creates a dramatic yet harmonious contrast, suitable for bold statements or unique illustrations.

#9400D3 · #E0BBE4 · #97D8C4

CSS variables

:root {
  --spring-crocus-field-1: #9400D3;
  --spring-crocus-field-2: #BA55D3;
  --spring-crocus-field-3: #DDA0DD;
  --spring-crocus-field-4: #E0BBE4;
  --spring-crocus-field-5: #97D8C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-crocus-field": {
        1: "#9400D3",
        2: "#BA55D3",
        3: "#DDA0DD",
        4: "#E0BBE4",
        5: "#97D8C4",
      }
    }
  }
}

Hex values

Color 1#9400D3

Color 2#BA55D3

Color 3#DDA0DD

Color 4#E0BBE4

Color 5#97D8C4

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

3.9:1AA18

4:1AA18

1.7:1Fail

1.9:1Fail

2.3:1Fail

2.4:1Fail

3.2:1AA18

1.9:1Fail

1.2:1Fail

1.3:1Fail

3.9:1AA18

2.3:1Fail

1.2:1Fail

1:1Fail

4:1AA18

2.4:1Fail

1.3:1Fail

1:1Fail

Similar palettes

More like Spring Crocus Field

View all pastel

Blooming Meadow Softness

Botanical Bloom Fresh

Cottage Garden Blush

Crocus Meadow Blossom

Lavender Bloom Field

Lavender Bloom Morning