Back to palettes

Palette

Wild Bloom Meadow

A fresh and lively palette of greens and gentle yellows, celebrating the unrestrained beauty of a wild meadow.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DCE775#8BC34A#CDDC39#A2CF6E#E6EE9C

Palette guide

How to use Wild Bloom Meadow

Overview

The Wild Bloom Meadow (Green) palette is a fresh and lively collection of greens and gentle yellows, celebrating the unrestrained beauty of a wild meadow. This invigorating range flows from the bright #DCE775 and vibrant #CDDC39, through the earthy #8BC34A and soothing #A2CF6E, culminating in the soft #E6EE9C. Designers can leverage this palette to craft organic, refreshing, and calming designs for branding, digital interfaces, or nature-themed projects. Developers will find these hex codes excellent for creating visually appealing and harmonious user experiences that convey a sense of growth, vitality, and natural serenity.

Best used for

  • Eco-friendly product branding
  • Gardening and landscaping websites
  • Nature and outdoor activity apps
  • Health and wellness brands
  • Spring or summer marketing campaigns
  • Educational content about flora

Suggested color roles

primary

8BC34A - A vibrant, natural green, perfect for main headings, prominent calls-to-action, or hero elements that convey vitality.

secondary

CDDC39 - A lively, bright green-yellow, ideal for subheadings, secondary navigation, or creating energetic accents.

accent

DCE775 - A soft, pale yellow-green, excellent for highlighting key information, interactive states, or subtle decorative details.

background

E6EE9C - A very pale, almost cream-green, suitable for clean, airy backgrounds that allow darker elements to stand out with freshness.

text

4A4A4A (charcoal) - Providing strong readability against lighter backgrounds, or use #8BC34A for large, impactful titles on very light backgrounds.

Accessibility notes

  • Ensure a dark text color (e.g., charcoal or black) has strong contrast against #E6EE9C and #DCE775 for body text.
  • Avoid using #DCE775 for small text on #E6EE9C backgrounds due to low contrast.
  • Pair #8BC34A with a light background like #E6EE9C for optimal readability, especially for headings.
  • When using #CDDC39 for text, ensure the background is dark enough to provide good contrast, or use large font sizes.

Recommended combinations

Fresh Meadow

For subtle transitions in banners, hero sections, or illustrative elements that convey freshness.

#E6EE9C · #DCE775 · #CDDC39

Vibrant Growth

Effective for clear calls-to-action or strong brand statements against a light, natural backdrop.

#8BC34A · #E6EE9C · #CDDC39

Calm Nature

Creates a cohesive, soothing green theme for content blocks or visual elements that convey tranquility.

#A2CF6E · #8BC34A · #DCE775

CSS variables

:root {
  --wild-bloom-meadow-2-1: #DCE775;
  --wild-bloom-meadow-2-2: #8BC34A;
  --wild-bloom-meadow-2-3: #CDDC39;
  --wild-bloom-meadow-2-4: #A2CF6E;
  --wild-bloom-meadow-2-5: #E6EE9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-bloom-meadow-2": {
        1: "#DCE775",
        2: "#8BC34A",
        3: "#CDDC39",
        4: "#A2CF6E",
        5: "#E6EE9C",
      }
    }
  }
}

Related searches

green and yellow palettewildflower color schemenature inspired huesfresh spring colorseco-friendly brand palette

Palette colors

Hex values

Color 1#DCE775
·
Color 2#8BC34A
·
Color 3#CDDC39
·
Color 4#A2CF6E
·
Color 5#E6EE9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.1:1Fail
1.3:1Fail
1.1:1Fail
2
1.6:1Fail
1.4:1Fail
1.2:1Fail
1.7:1Fail
3
1.1:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
4
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
5
1.1:1Fail
1.7:1Fail
1.2:1Fail
1.5:1Fail

Similar palettes

More like Wild Bloom Meadow

View all Earth
Spring Meadow Dewdrop
Ancient Forest Roots
Botanical Sketch Book
Deep Woods
Enchanted Forest Canopy
Enchanted Forest Canopy