Back to palettes

Palette

Pastel Meadow Bloom

A gentle and airy palette evoking the fresh, delicate blossoms and tender greens of a spring meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Meadow 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 Pastel Meadow Bloom.

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

Data visualization

#F0FFF0#DDA0DD#B0E0E6#FFFACD#90EE90

Palette guide

How to use Pastel Meadow Bloom

Overview

The Pastel Meadow Bloom palette is a gentle and airy collection, perfectly evoking the delicate blossoms and tender greens of a serene spring meadow. This palette features an ethereal pale green (#F0FFF0), a soft plum (#DDA0DD), a tranquil powder blue (#B0E0E6), a warm light yellow (#FFFACD), and a fresh lime green (#90EE90). Designers can leverage these harmonious hues to create calm, fresh, and inviting visuals. Developers will find this palette excellent for crafting serene user interfaces, nature-inspired branding, or any digital presence that aims for a peaceful, refreshing, and sophisticated aesthetic.

Best used for

  • Nature-inspired branding or packaging
  • Wellness and spa website designs
  • Spring fashion collections
  • Botanical illustrations or garden apps
  • Calm and refreshing UI themes
  • Eco-friendly product promotions

Suggested color roles

primary

#DDA0DD - A soft, inviting plum, ideal for prominent brand elements or a sophisticated accent.

secondary

#B0E0E6 - A calming powder blue, perfect for supporting sections, headers, or background elements.

accent

#90EE90 - This fresh lime green offers a lively pop, excellent for calls-to-action, icons, or subtle highlights.

background

#F0FFF0 - An ethereal pale green, providing a light, airy canvas that enhances the natural feel.

text

A dark gray or deep charcoal is highly recommended for optimal readability against these light pastel backgrounds.

Accessibility notes

  • Ensure strong contrast for text, as all palette colors are very light and require dark text for legibility.
  • Be cautious when pairing #F0FFF0 with #FFFACD, as their low contrast might make elements blend.
  • Use a contrast checker to verify accessibility for interactive elements and text on backgrounds.
  • For important information, consider using a darker color from the palette for text, if not black or charcoal.

Recommended combinations

Blooming Plum

Ideal for elegant spring branding, floral designs, or soft, inviting digital content.

#DDA0DD · #F0FFF0 · #FFFACD

Sky & Grass

Creates a fresh, natural, and serene vibe, suitable for outdoor themes or wellness applications.

#B0E0E6 · #90EE90 · #DDA0DD

Sunny Meadow

Excellent for light, airy backgrounds, gentle illustrations, or cheerful, calm interfaces.

#FFFACD · #F0FFF0 · #B0E0E6

CSS variables

:root {
  --pastel-meadow-bloom-1: #F0FFF0;
  --pastel-meadow-bloom-2: #DDA0DD;
  --pastel-meadow-bloom-3: #B0E0E6;
  --pastel-meadow-bloom-4: #FFFACD;
  --pastel-meadow-bloom-5: #90EE90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-meadow-bloom": {
        1: "#F0FFF0",
        2: "#DDA0DD",
        3: "#B0E0E6",
        4: "#FFFACD",
        5: "#90EE90",
      }
    }
  }
}

Related searches

pastel spring colorsmeadow inspired palettesoft floral designcalm nature UIlight garden theme

Palette colors

Hex values

Color 1#F0FFF0
·
Color 2#DDA0DD
·
Color 3#B0E0E6
·
Color 4#FFFACD
·
Color 5#90EE90
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.4:1Fail
1:1Fail
1.4:1Fail
2
2:1Fail
1.4:1Fail
2:1Fail
1.5:1Fail
3
1.4:1Fail
1.4:1Fail
1.4:1Fail
1:1Fail
4
1:1Fail
2:1Fail
1.4:1Fail
1.3:1Fail
5
1.4:1Fail
1.5:1Fail
1:1Fail
1.3:1Fail

Similar palettes

More like Pastel Meadow Bloom

View all pastel
Blooming Meadow Softness
Blushing Petal Softness
Gentle Blossom Whisper
Morning Blossom Dew
Petal Soft Reverie
Soft Petal Blush