Back to palettes

Palette

Blooming Meadow Softness

A refreshing blend of gentle greens and blues, like a dew-kissed spring meadow awakening.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blooming Meadow Softness 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 Blooming Meadow Softness.

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

Data visualization

#BEE3DB#9FE3E3#6EE2B6#48BEA8#2B8F77

Palette guide

How to use Blooming Meadow Softness

Overview

The Blooming Meadow Softness palette offers a refreshing blend of gentle greens and blues, like a dew-kissed spring meadow awakening. Featuring soft tones such as #BEE3DB, #9FE3E3, #6EE2B6, #48BEA8, and #2B8F77, this palette creates a calm, fresh, and inviting aesthetic. It's an excellent choice for designers aiming to evoke a sense of tranquility, natural beauty, and renewal. The harmonious transition from light, airy hues to deeper, grounding greens makes it ideal for projects that require a serene, organic, and effortlessly beautiful visual language, reminiscent of a peaceful spring morning.

Best used for

  • Wellness and spa branding
  • Nature-themed websites and blogs
  • Spring fashion collections and lookbooks
  • Eco-conscious product branding
  • Serene digital art and illustrations
  • Meditation and mindfulness applications

Suggested color roles

primary

Use #2B8F77 as the deepest, grounding green for main structural elements, symbolizing stability and nature.

secondary

Employ #48BEA8 for prominent headings or key visual components, representing the natural vibrancy of the meadow.

accent

Apply #9FE3E3 for bright, refreshing highlights, interactive elements, or subtle decorative touches, adding a dewy sparkle.

background

Choose #BEE3DB for a soft, airy base, creating an expansive and inviting user experience.

text

Dark green or charcoal provides excellent readability on light backgrounds. White text works well on #2B8F77.

Accessibility notes

  • Crucially, ensure text has sufficient contrast against these light, pastel backgrounds; darker greens or charcoals are essential.
  • Check readability of #6EE2B6 on #48BEA8 if used together; ensure sufficient color difference for clarity.
  • Avoid using light text on light backgrounds; always test contrast ratios for all text sizes.
  • Clearly define interactive elements with distinct color changes or outlines, as subtle differences may be hard to discern.

Recommended combinations

Meadow Dew

Creates a soft, dewy gradient, ideal for gentle backgrounds or calming UI elements.

#BEE3DB · #9FE3E3 · #6EE2B6

Fresh Growth

Offers natural depth, perfect for simulating foliage or providing visual structure.

#2B8F77 · #48BEA8 · #6EE2B6

Spring Awakening

Provides a calm contrast for content, combining light and deeper greens with a refreshing blue accent.

#BEE3DB · #2B8F77 · #9FE3E3

CSS variables

:root {
  --blooming-meadow-softness-1: #BEE3DB;
  --blooming-meadow-softness-2: #9FE3E3;
  --blooming-meadow-softness-3: #6EE2B6;
  --blooming-meadow-softness-4: #48BEA8;
  --blooming-meadow-softness-5: #2B8F77;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blooming-meadow-softness": {
        1: "#BEE3DB",
        2: "#9FE3E3",
        3: "#6EE2B6",
        4: "#48BEA8",
        5: "#2B8F77",
      }
    }
  }
}

Related searches

soft green blue palettespring meadow colorscalm nature themerefreshing pastel designeco-friendly soft tones

Palette colors

Hex values

Color 1#BEE3DB
·
Color 2#9FE3E3
·
Color 3#6EE2B6
·
Color 4#48BEA8
·
Color 5#2B8F77
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
1.7:1Fail
2.9:1Fail
2
1:1Fail
1.1:1Fail
1.6:1Fail
2.8:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
2.5:1Fail
4
1.7:1Fail
1.6:1Fail
1.4:1Fail
1.7:1Fail
5
2.9:1Fail
2.8:1Fail
2.5:1Fail
1.7:1Fail

Similar palettes

More like Blooming Meadow Softness

View all pastel
Morning Blossom Dew
Morning Dew Meadow
Pastel Meadow Bloom
Spring Crocus Dawn
Spring Meadow Dewdrop
Whispering Spring Blooms