Back to palettes

Palette

Lush Spring Meadow

A lively collection of fresh greens and a touch of pastel purple for spring meadows.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#50C878#7CFC00#ADFF2F#98FB98#DDA0DD

Palette guide

How to use Lush Spring Meadow

Overview

The Lush Spring Meadow palette captures the essence of a vibrant, natural landscape, perfect for designs seeking freshness and vitality. This collection features a lively array of greens like the prominent #50C878 (Medium Sea Green), the energetic #7CFC00 (Lawn Green), and the bright #ADFF2F (Green Yellow). A softer #98FB98 (Pale Green) provides a gentle touch, while a surprising #DDA0DD (Plum) adds a whimsical, floral accent. Ideal for evoking growth, renewal, and a lighthearted, organic feel, this palette is a versatile choice for designers and developers aiming for a cheerful and earthy aesthetic.

Best used for

  • Eco-friendly product branding
  • Spring seasonal campaigns
  • Garden and landscaping websites
  • Children's educational apps
  • Wellness and natural beauty packaging
  • Outdoor lifestyle blogs

Suggested color roles

primary

Use #50C878 for main branding elements, navigation, or primary calls-to-action to convey natural authority.

secondary

Employ #7CFC00 or #ADFF2F for accenting features, subheadings, or secondary interactive elements, adding vibrancy.

accent

Introduce #DDA0DD as a unique pop of color for illustrations, highlights, or decorative elements, creating visual interest.

background

A subtle #98FB98 works well for light, airy backgrounds, providing a clean canvas that maintains the palette's fresh mood.

text

For optimal readability, use a dark charcoal or black text. A very dark green like a deep forest green could also be used for headings.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter greens like #98FB98.
  • The bright #7CFC00 and #ADFF2F should be used carefully for text; prefer larger font sizes or use them for graphical elements.
  • Test contrast ratios for any text placed on #DDA0DD, as it is a lighter, pastel hue.
  • Maintain a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (WCAG AA).

Recommended combinations

Fresh Growth

Ideal for conveying a sense of natural vitality and new beginnings in nature-focused designs.

#50C878 · #7CFC00 · #98FB98

Spring Pop

Use for playful designs that need a cheerful, unexpected twist with a hint of floral charm.

#ADFF2F · #DDA0DD · #50C878

Gentle Meadow

Perfect for soft, inviting interfaces or illustrations where a delicate yet lively feel is desired.

#98FB98 · #DDA0DD · #7CFC00

CSS variables

:root {
  --lush-spring-meadow-1: #50C878;
  --lush-spring-meadow-2: #7CFC00;
  --lush-spring-meadow-3: #ADFF2F;
  --lush-spring-meadow-4: #98FB98;
  --lush-spring-meadow-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-spring-meadow": {
        1: "#50C878",
        2: "#7CFC00",
        3: "#ADFF2F",
        4: "#98FB98",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

spring green color schemenature inspired palettefresh green design colorsvibrant meadow colorspastel green purple palette

Palette colors

Hex values

Color 1#50C878
·
Color 2#7CFC00
·
Color 3#ADFF2F
·
Color 4#98FB98
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.7:1Fail
1.7:1Fail
1:1Fail
2
1.6:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail
3
1.7:1Fail
1.1:1Fail
1:1Fail
1.7:1Fail
4
1.7:1Fail
1.1:1Fail
1:1Fail
1.6:1Fail
5
1:1Fail
1.6:1Fail
1.7:1Fail
1.6:1Fail

Similar palettes

More like Lush Spring Meadow

View all vibrant