Back to palettes

Palette

Meadow Wildflower

Fresh greens and sunny yellows capture the cheerful essence of a vibrant wildflower meadow.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9ACD32#6B8E23#8FBC8F#C7EDCC#ADFF2F

Palette guide

How to use Meadow Wildflower

Overview

The Meadow Wildflower palette offers a refreshing blend of greens and sunny yellows, perfectly capturing the essence of a vibrant, natural landscape. Designers and developers can leverage this scheme to evoke feelings of growth, freshness, and eco-friendliness. With lively hues like #9ACD32 (YellowGreen) and #ADFF2F (GreenYellow), balanced by the muted #8FBC8F (DarkSeaGreen) and the soft #C7EDCC (Light Mint Green), it provides a versatile foundation. This palette is ideal for projects requiring a cheerful, organic, or health-conscious aesthetic, ensuring visual appeal across digital interfaces and print materials. The deeper #6B8E23 (OliveDrab) anchors the brighter tones, offering excellent readability.

Best used for

  • Eco-conscious brand identity and packaging
  • Nature-themed websites, blogs, and mobile apps
  • Spring and summer event invitations or decor
  • Children's educational materials and toys
  • Health and wellness product marketing
  • Gardening, agriculture, or outdoor recreation designs

Suggested color roles

primary

#9ACD32 (YellowGreen) - Use as a dominant brand color for calls-to-action, main headers, or primary graphical elements to convey freshness and vitality.

secondary

#6B8E23 (OliveDrab) - Ideal for subheadings, secondary buttons, or large blocks of supporting text on lighter backgrounds, offering a grounded and natural feel.

accent

#ADFF2F (GreenYellow) - Reserve for interactive elements, hover states, or small but impactful highlights where a burst of energetic vibrancy is desired.

background

#C7EDCC (Light Mint Green) - A soft, airy base for web pages, content sections, or print layouts, providing a clean and inviting canvas.

text

#6B8E23 (OliveDrab) - Excellent for body text on light backgrounds like #C7EDCC, ensuring strong readability while maintaining the palette's organic feel. Consider near-black for maximum contrast on small text.

Accessibility notes

  • Ensure #6B8E23 (OliveDrab) has sufficient contrast against #C7EDCC (Light Mint Green) for body text (aim for AA or AAA).
  • Avoid using #C7EDCC or #8FBC8F for small text, as their light values may lack readability.
  • Test #ADFF2F (GreenYellow) as an accent against its background to meet WCAG contrast guidelines for graphical elements.
  • Be mindful of green-red color blindness; use alternative cues like icons or underlines in addition to color for critical information.

Recommended combinations

Fresh Contrast

Use #C7EDCC as a clean background, #6B8E23 for primary text, and #ADFF2F for vibrant interactive elements or calls to action.

#6B8E23 · #C7EDCC · #ADFF2F

Earthy Harmony

Combine #9ACD32 as a main color with #8FBC8F for softer sections, anchored by the deeper #6B8E23 for headings or important details.

#9ACD32 · #8FBC8F · #6B8E23

Vibrant Pop

A light base of #C7EDCC with an energetic pop from #ADFF2F for accents, supported by the balanced #9ACD32 for key content areas.

#C7EDCC · #ADFF2F · #9ACD32

CSS variables

:root {
  --meadow-wildflower-1: #9ACD32;
  --meadow-wildflower-2: #6B8E23;
  --meadow-wildflower-3: #8FBC8F;
  --meadow-wildflower-4: #C7EDCC;
  --meadow-wildflower-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-wildflower": {
        1: "#9ACD32",
        2: "#6B8E23",
        3: "#8FBC8F",
        4: "#C7EDCC",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

nature inspired color schemesspring green yellow paletteeco friendly brand colorsfresh garden color codesnatural and vibrant web design colors

Palette colors

Hex values

Color 1#9ACD32
·
Color 2#6B8E23
·
Color 3#8FBC8F
·
Color 4#C7EDCC
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.1:1Fail
1.5:1Fail
1.5:1Fail
2
2:1Fail
1.8:1Fail
3:1Fail
3.1:1AA18
3
1.1:1Fail
1.8:1Fail
1.7:1Fail
1.8:1Fail
4
1.5:1Fail
3:1Fail
1.7:1Fail
1:1Fail
5
1.5:1Fail
3.1:1AA18
1.8:1Fail
1:1Fail

Similar palettes

More like Meadow Wildflower

View all earth
Fresh Orchard Blossom
Grassy Knoll
Lush Meadow Dawn
Meadow Dew Kiss
Verdant Glade Light
Whispering Meadow Breeze