Back to palettes

Palette

Grassy Meadow Morning

Soft greens and a touch of sun-kissed yellow, evoking a fresh, dew-kissed morning meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Grassy Meadow Morning 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 Grassy Meadow Morning.

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

Data visualization

#5C8C56#8FC384#BFEAB6#E2FFDB#FFF8C5

Palette guide

How to use Grassy Meadow Morning

Overview

The Grassy Meadow Morning palette offers a refreshing blend of soft greens and a gentle, sun-kissed yellow, perfect for evoking a fresh, dew-kissed spring aesthetic. With its primary green #5C8C56 and lighter tones like #8FC384 and #BFEAB6, this palette brings a sense of calm and natural vibrancy. The very light green #E2FFDB provides an airy feel, beautifully complemented by the warm, subtle yellow of #FFF8C5. Designers and developers can leverage this harmonious collection to create welcoming and serene interfaces or branding that emphasizes growth, nature, and tranquility. It's an excellent choice for projects needing a gentle, organic touch without being overly bright.

Best used for

  • Nature-themed websites and blogs
  • Eco-friendly product branding and packaging
  • Children's book illustrations or educational apps
  • Health and wellness app interfaces
  • Spring season marketing campaigns
  • Botanical garden informational displays

Suggested color roles

primary

Use #5C8C56 for main brand elements, prominent buttons, or key headings to establish a strong, natural base.

secondary

Apply #8FC384 for supporting sections, subheadings, or secondary calls-to-action, offering a softer yet cohesive green.

accent

#FFF8C5 serves as a bright, warm accent for highlights, small icons, or interactive states, adding a touch of sunshine.

background

#E2FFDB is ideal for clean, light backgrounds, ensuring excellent readability and an open, airy feel.

text

For primary text, use a dark charcoal or black. For lighter text on darker greens, #FFF8C5 provides good contrast.

Accessibility notes

  • Ensure #5C8C56 text on #FFF8C5 background meets WCAG contrast standards for readability.
  • Use #E2FFDB for large text or UI elements only, as its lightness can make small text hard to read.
  • For body text, consider using a high-contrast dark grey or black rather than palette greens for optimal legibility.
  • Always test color combinations with accessibility tools, especially for users with color vision deficiencies.

Recommended combinations

Fresh Growth

Excellent for primary branding, logos, and hero sections, combining depth with a cheerful highlight.

#5C8C56 · #BFEAB6 · #FFF8C5

Gentle Breeze

Suited for content areas, sub-sections, or illustrations, providing a soft and inviting visual flow.

#8FC384 · #E2FFDB · #5C8C56

Sunny Morning

Perfect for backgrounds with subtle accents, banners, or interactive elements that need to feel light and engaging.

#E2FFDB · #FFF8C5 · #8FC384

CSS variables

:root {
  --grassy-meadow-morning-1: #5C8C56;
  --grassy-meadow-morning-2: #8FC384;
  --grassy-meadow-morning-3: #BFEAB6;
  --grassy-meadow-morning-4: #E2FFDB;
  --grassy-meadow-morning-5: #FFF8C5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "grassy-meadow-morning": {
        1: "#5C8C56",
        2: "#8FC384",
        3: "#BFEAB6",
        4: "#E2FFDB",
        5: "#FFF8C5",
      }
    }
  }
}

Related searches

pastel green color palettespring nature color schemelight green and yellow palettecalm meadow colorsfresh green branding colors

Palette colors

Hex values

Color 1#5C8C56
·
Color 2#8FC384
·
Color 3#BFEAB6
·
Color 4#E2FFDB
·
Color 5#FFF8C5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.9:1Fail
3.7:1AA18
3.6:1AA18
2
1.9:1Fail
1.5:1Fail
1.9:1Fail
1.9:1Fail
3
2.9:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
4
3.7:1AA18
1.9:1Fail
1.2:1Fail
1:1Fail
5
3.6:1AA18
1.9:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Grassy Meadow Morning

View all pastel
Morning Dew Meadow
Spring Meadow Awakening
Spring Meadow Dawn
Dewdrop Meadow Soft
Meadow Spring Fresh
Morning Dew Petals