Back to palettes

Palette

Spring Meadow Delight

Fresh, gentle greens evoking the light and airy feel of a blooming spring meadow.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C8E6C9#A5D6A7#81C784#66BB6A#4CAF50

Palette guide

How to use Spring Meadow Delight

Overview

The Spring Meadow Delight palette is a delightful and playful collection of fresh, gentle greens, perfectly evoking the light and airy feel of a blooming spring meadow. This harmonious scheme progresses through a range of verdant hues, starting with the very light #C8E6C9, which provides a soft and bright base. Each subsequent color—#A5D6A7, #81C784, #66BB6A—introduces a slightly deeper, more saturated green, building a natural visual flow. The palette culminates with #4CAF50, a vibrant yet balanced green that adds a confident punch. Designers and developers can leverage this versatile palette to create cheerful digital interfaces, lively branding, or inviting print materials that convey freshness, growth, and a sense of natural joy, ideal for projects seeking an optimistic, organic aesthetic.

Best used for

  • Children's educational apps and websites
  • Fresh produce market branding
  • Eco-friendly toy packaging
  • Spring-themed event promotions
  • Gardening and horticulture blogs
  • Lighthearted health and wellness campaigns

Suggested color roles

primary

#66BB6A - A vibrant, friendly green that can serve as the main color for interactive elements, headings, or significant content blocks.

secondary

#81C784 - This slightly lighter green is perfect for supporting information, sub-sections, or as a background for lighter content areas.

accent

#4CAF50 - Use this confident, slightly deeper green for strong calls-to-action, important alerts, or to add a bolder statement.

background

#C8E6C9 - A very light and soft green, providing an excellent, refreshing background that keeps the overall design bright and airy.

text

This light green is generally too light for body text. For readability, use a dark charcoal like #333333 or black. #A5D6A7 can be used for decorative headings on a contrasting darker background.

Accessibility notes

  • The very light background #C8E6C9 requires dark text (e.g., black or dark gray) for optimal readability and WCAG compliance.
  • Avoid placing #A5D6A7 or #81C784 text on #C8E6C9 as contrast will be insufficient; always test.
  • #66BB6A and #4CAF50 offer good contrast for white text, but verify WCAG AA/AAA standards, especially for smaller fonts.
  • Ensure sufficient contrast for interactive elements, as this palette features several light tones.

Recommended combinations

Fresh Progression

Ideal for visual storytelling, showing progression, or creating depth with increasing green saturation.

#C8E6C9 · #81C784 · #4CAF50

Playful Contrast

Use for a bright, cheerful interface with a light base, a friendly primary, and a confident accent.

#C8E6C9 · #66BB6A · #4CAF50

Soft Layers

Excellent for creating subtle gradients or layered graphics, maintaining a harmonious and natural feel.

#A5D6A7 · #81C784 · #66BB6A

CSS variables

:root {
  --spring-meadow-delight-1: #C8E6C9;
  --spring-meadow-delight-2: #A5D6A7;
  --spring-meadow-delight-3: #81C784;
  --spring-meadow-delight-4: #66BB6A;
  --spring-meadow-delight-5: #4CAF50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-meadow-delight": {
        1: "#C8E6C9",
        2: "#A5D6A7",
        3: "#81C784",
        4: "#66BB6A",
        5: "#4CAF50",
      }
    }
  }
}

Related searches

playful green color schemefresh meadow palettespring green toneslight green color combinationcheerful nature colors

Palette colors

Hex values

Color 1#C8E6C9
·
Color 2#A5D6A7
·
Color 3#81C784
·
Color 4#66BB6A
·
Color 5#4CAF50
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.1:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.8:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
2.1:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Spring Meadow Delight

View all pastel
Spring Meadow Bloom
Cherry Blossom Cloud
Cherry Blossom Dream
Enchanted Fairy Forest
Enchanted Fairy Ring
Fairy Garden Sprout