Palette

Spring Crocus Meadow

Soft, delicate hues reminiscent of the first fragile flowers blooming in a gentle spring meadow.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8F3DC#B3E2CD#FFD9BF#E6ADD0#C7CEEA

Palette guide

How to use Spring Crocus Meadow

Overview

The Spring Crocus Meadow palette evokes the gentle beauty of early spring, featuring soft, delicate hues reminiscent of the first fragile flowers blooming. This collection includes a warm, creamy white #F8F3DC, a fresh mint green #B3E2CD, a soft peach #FFD9BF, a muted rose #E6ADD0, and a serene lavender #C7CEEA. It's an excellent choice for designers aiming to create light, airy, and inviting visuals. The harmonious blend of pastels provides a sense of calm and natural elegance, making it versatile for projects that require a gentle, optimistic, or subtly playful aesthetic, from branding to digital interfaces.

Best used for

Children's clothing or toy branding
Spa and wellness promotional materials
Spring-themed home decor accents
Feminine lifestyle and beauty blogs
Soft and playful UI/UX designs
Event invitations and stationery

Suggested color roles

primary

Use #E6ADD0 as a primary accent for buttons or key graphical elements, providing a soft yet clear focal point.

secondary

Employ #B3E2CD for larger content sections or as a secondary background, offering a fresh and calming feel.

accent

Introduce #C7CEEA for subtle highlights, icons, or decorative elements, adding a touch of serene sophistication.

background

Utilize #F8F3DC for clean, warm backgrounds that ensure excellent readability for dark text.

text

For body text, a dark charcoal or deep brown offers optimal readability. Black or a dark grey like #333333 works well for headings.

Accessibility notes

Ensure sufficient contrast for text on lighter backgrounds like #F8F3DC and #FFD9BF; use dark text.
Avoid pairing very light text with pastels such as #B3E2CD or #C7CEEA to maintain readability.
Verify contrast ratios for all interactive elements to meet WCAG AA standards.
Consider increasing font size or weight for important information to enhance legibility on these subtle colors.

Recommended combinations

Meadow Bloom

A fresh and natural blend, perfect for evoking a spring garden feel in web design or illustrations.

#F8F3DC · #B3E2CD · #E6ADD0

Crocus Pastel

Offers a soft, harmonious trio, ideal for feminine branding or gentle artistic compositions.

#FFD9BF · #E6ADD0 · #C7CEEA

Gentle Dawn

Creates an airy and serene atmosphere, excellent for backgrounds with subtle, calming accents.

#F8F3DC · #C7CEEA · #B3E2CD

CSS variables

:root {
  --spring-crocus-meadow-1: #F8F3DC;
  --spring-crocus-meadow-2: #B3E2CD;
  --spring-crocus-meadow-3: #FFD9BF;
  --spring-crocus-meadow-4: #E6ADD0;
  --spring-crocus-meadow-5: #C7CEEA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-crocus-meadow": {
        1: "#F8F3DC",
        2: "#B3E2CD",
        3: "#FFD9BF",
        4: "#E6ADD0",
        5: "#C7CEEA",
      }
    }
  }
}

Hex values

Color 1#F8F3DC

Color 2#B3E2CD

Color 3#FFD9BF

Color 4#E6ADD0

Color 5#C7CEEA

Accessibility

Contrast checker

1.3:1Fail

1.2:1Fail

1.7:1Fail

1.4:1Fail

1.3:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.2:1Fail

1.7:1Fail

1.3:1Fail

1.4:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

Similar palettes

More like Spring Crocus Meadow

Spring Crocus Meadow

See it in context.

Ready when you are.

Built with Spring Crocus Meadow.

How to use Spring Crocus Meadow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Meadow Bloom

Crocus Pastel

Gentle Dawn

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Spring Crocus Meadow