Back to palettes

Palette

Lush Meadow Dawn

Fresh and vibrant greens evoke the serene beauty of a meadow waking up at sunrise.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#386641#62946A#A3C9A8#D6EDD8#F0F6F0

Palette guide

How to use Lush Meadow Dawn

Overview

The Lush Meadow Dawn palette captures the serene and ethereal beauty of a morning meadow, offering a gentle spectrum of fresh greens. From the grounding `#386641` to the almost-white `#F0F6F0`, this collection is imbued with a sense of calm and new beginnings. The soft transitions through `#62946A`, `#A3C9A8`, and `#D6EDD8` create a harmonious flow, making it ideal for designs that require a delicate, airy, and refreshing aesthetic. This palette is exceptionally well-suited for evoking purity, tranquility, and a light, natural feel.

Best used for

  • Wellness and mindfulness applications
  • Baby product branding and packaging
  • Bridal and wedding-themed designs
  • Serene interior design concepts
  • Gentle skincare and cosmetic brands
  • Nature-inspired photography portfolios

Suggested color roles

primary

Utilize `#386641` as a grounding primary for headings, important text, or strong foundational elements, providing necessary depth.

secondary

Employ `#62946A` or `#A3C9A8` for supporting content blocks, subtle illustrations, or secondary navigation, maintaining a soft presence.

accent

Reserve `#D6EDD8` for delicate highlights, subtle calls to action, or interactive elements that need a gentle touch of emphasis.

background

The lightest shades, `#D6EDD8` or `#F0F6F0`, are perfect for expansive backgrounds, creating an open, airy, and clean canvas.

text

For body text, a deep charcoal or the primary color `#386641` ensures optimal readability against the light backgrounds. Avoid very light text.

Accessibility notes

  • Crucially, ensure sufficient contrast for text on lighter backgrounds like `#A3C9A8`, `#D6EDD8`, and `#F0F6F0` to meet WCAG standards.
  • Darker text (e.g., `#386641` or charcoal) is recommended for all body copy to ensure readability.
  • Be mindful when using light greens for interactive elements, as they might lack sufficient visual distinction for some users.
  • Test all color pairings, especially text and background combinations, with an accessibility contrast checker.

Recommended combinations

Grounding Meadow

Excellent for establishing a soft yet stable visual hierarchy in headers, footers, or core content sections.

#386641 · #62946A · #A3C9A8

Ethereal Light

Ideal for creating expansive, airy backgrounds, subtle overlays, or delicate design elements that evoke spaciousness.

#D6EDD8 · #F0F6F0 · #62946A

Soft Contrast

A simple yet effective pairing for text and background, providing clear readability while maintaining the palette's gentle mood.

#386641 · #F0F6F0 · #A3C9A8

CSS variables

:root {
  --lush-meadow-dawn-1: #386641;
  --lush-meadow-dawn-2: #62946A;
  --lush-meadow-dawn-3: #A3C9A8;
  --lush-meadow-dawn-4: #D6EDD8;
  --lush-meadow-dawn-5: #F0F6F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-meadow-dawn": {
        1: "#386641",
        2: "#62946A",
        3: "#A3C9A8",
        4: "#D6EDD8",
        5: "#F0F6F0",
      }
    }
  }
}

Related searches

meadow green color palettesoft green color schemepastel nature colorsspring dawn palettelight natural greens

Palette colors

Hex values

Color 1#386641
·
Color 2#62946A
·
Color 3#A3C9A8
·
Color 4#D6EDD8
·
Color 5#F0F6F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.6:1AA18
5.4:1AA
6.1:1AA
2
1.9:1Fail
1.9:1Fail
2.8:1Fail
3.2:1AA18
3
3.6:1AA18
1.9:1Fail
1.5:1Fail
1.7:1Fail
4
5.4:1AA
2.8:1Fail
1.5:1Fail
1.1:1Fail
5
6.1:1AA
3.2:1AA18
1.7:1Fail
1.1:1Fail

Similar palettes

More like Lush Meadow Dawn

View all earth
Whispering Meadow Breeze
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Earthy Herb Garden
Enchanted Glade Dew