Back to palettes

Palette

Sunlit Meadow Dew

Captures the gentle glow and fresh hues of a dew-kissed meadow at dawn, promising new beginnings.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0E7C8#C3D3A8#98A985#F9F7E0#D6BF8A

Palette guide

How to use Sunlit Meadow Dew

Overview

The Sunlit Meadow Dew palette captures the gentle glow and fresh hues of a dew-kissed meadow at dawn, promising new beginnings. This earthy yet soft palette features a muted sage green #E0E7C8, a cool olive #C3D3A8, a deeper forest green #98A985, an almost-white #F9F7E0, and a warm beige #D6BF8A. It's an ideal choice for designers looking to convey tranquility, organic authenticity, and a connection to nature. The subtle hex codes work harmoniously to create a calming and sophisticated aesthetic, perfect for brands that value sustainability, wellness, and understated elegance. Developers can apply these colors for soothing interfaces and natural branding.

Best used for

  • Sustainable fashion brands
  • Wellness and yoga studios
  • Organic skincare packaging
  • Eco-tourism websites
  • Mindfulness app interfaces
  • Natural home goods marketing

Suggested color roles

primary

Utilize #98A985, a deep forest green, for main headings, calls to action, or strong brand elements, conveying stability and nature.

secondary

Employ #C3D3A8, a cool olive, for secondary buttons, navigation, or background sections that need a fresh, subtle tone.

accent

Introduce #D6BF8A, a warm beige, for gentle accents, highlights, or decorative elements to add a touch of warmth and grounding.

background

Use #F9F7E0, an off-white with a hint of warmth, for clean, expansive backgrounds, providing a soft, airy foundation.

text

For optimal readability, use dark charcoal or black text on #F9F7E0 or #E0E7C8. #98A985 can work for headings on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when pairing #E0E7C8 or #C3D3A8 with light text.
  • Avoid placing #D6BF8A text directly on #F9F7E0 backgrounds due to low contrast; always use a darker alternative.
  • For body text on #F9F7E0, a dark charcoal or black is essential for WCAG AA compliance.
  • Test all interactive elements and icon colors against their backgrounds to ensure they meet minimum contrast requirements.

Recommended combinations

Dewy Fresh

Ideal for light, airy backgrounds and subtle gradients, perfect for hero sections or serene interfaces.

#F9F7E0 · #E0E7C8 · #C3D3A8

Earthy Ground

Effective for strong headers or calls to action against a light canvas, with a warm, natural highlight.

#98A985 · #F9F7E0 · #D6BF8A

Meadow Layers

Combine for natural, layered elements like data visualizations, subtle UI components, or section dividers.

#C3D3A8 · #D6BF8A · #98A985

CSS variables

:root {
  --sunlit-meadow-dew-1: #E0E7C8;
  --sunlit-meadow-dew-2: #C3D3A8;
  --sunlit-meadow-dew-3: #98A985;
  --sunlit-meadow-dew-4: #F9F7E0;
  --sunlit-meadow-dew-5: #D6BF8A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-meadow-dew": {
        1: "#E0E7C8",
        2: "#C3D3A8",
        3: "#98A985",
        4: "#F9F7E0",
        5: "#D6BF8A",
      }
    }
  }
}

Related searches

natural earthy color palettesoft green and beige schemetranquil meadow colorsorganic design palettesubtle nature branding

Palette colors

Hex values

Color 1#E0E7C8
·
Color 2#C3D3A8
·
Color 3#98A985
·
Color 4#F9F7E0
·
Color 5#D6BF8A
·

Accessibility

Contrast checker

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

Similar palettes

More like Sunlit Meadow Dew

View all earth
Botanical Bloom Line
Botanical Leaf Veins
Botanical Sketch
Botanical Study Greens
Enchanted Forest Bloom
Enchanted Forest Lumina