Back to palettes

Palette

Morning Dew Meadow

Soft, airy greens and gentle blues, reminiscent of a peaceful meadow kissed by morning dew.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#98FB98#C0E0A0#F0F8FF#B0C4DE#ADD8E6

Palette guide

How to use Morning Dew Meadow

Overview

The Morning Dew Meadow palette presents a soft, airy collection of greens and gentle blues, reminiscent of a peaceful meadow kissed by morning dew. With vibrant #98FB98 and soothing #F0F8FF, this palette is ideal for designs seeking to convey freshness, serenity, and natural harmony. The balanced mid-tones such as #C0E0A0 and #B0C4DE provide excellent versatility for subtle gradients and layered visual effects, offering depth without being overpowering. Designers and developers will find #ADD8E6 perfect for adding a touch of serene coolness. This palette's cohesive and gentle nature makes it superb for eco-friendly brands, wellness applications, or any platform desiring a clean, inviting, and naturally sophisticated user experience.

Best used for

  • Children's educational websites or apps
  • Gardening and botanical content
  • Eco-friendly product branding
  • Wellness and mindfulness platforms
  • Spring-themed digital art and illustrations
  • Light and airy e-commerce sites

Suggested color roles

primary

#B0C4DE - A soft, cool blue that provides a stable and inviting foundation for main content, navigation, and key headings.

secondary

#C0E0A0 - A light, gentle green, excellent for subheadings, secondary navigation, or subtle background elements, maintaining a fresh feel.

accent

#98FB98 - A vibrant, fresh green, ideal for impactful calls-to-action, key data points, or subtle but effective branding elements, providing a natural focal point.

background

#F0F8FF - The lightest, almost white shade, providing a clean, expansive canvas that enhances readability and contributes to a serene user experience.

text

#ADD8E6 - A cool, legible blue for body text on light backgrounds, or a dark charcoal like #333333 for enhanced readability and contrast.

Accessibility notes

  • Ensure #98FB98 or #ADD8E6 text has sufficient contrast against #F0F8FF or #C0E0A0 backgrounds.
  • Avoid using #F0F8FF for small text on pure white backgrounds due to extremely low contrast.
  • For critical information, pair the darkest suitable shade, #ADD8E6, with the lightest, #F0F8FF, to meet WCAG AA contrast guidelines.
  • Consider using a dark grey text (#444444) for all body copy to guarantee maximum readability across varying background elements from this palette.

Recommended combinations

Sky Meadow

A serene and airy combination for primary branding, clear hierarchies, and clean interfaces.

#B0C4DE · #C0E0A0 · #F0F8FF

Dewy Green

Soft, layered look ideal for hero sections, subtle branding, or tranquil background gradients with a fresh pop.

#F0F8FF · #98FB98 · #ADD8E6

Morning Fresh

Dynamic and natural for interactive elements, data visualization, or highlighting key information on a lighter canvas.

#ADD8E6 · #B0C4DE · #C0E0A0

CSS variables

:root {
  --morning-dew-meadow-1: #98FB98;
  --morning-dew-meadow-2: #C0E0A0;
  --morning-dew-meadow-3: #F0F8FF;
  --morning-dew-meadow-4: #B0C4DE;
  --morning-dew-meadow-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-meadow": {
        1: "#98FB98",
        2: "#C0E0A0",
        3: "#F0F8FF",
        4: "#B0C4DE",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

pastel green blue paletteairy meadow colorsfresh spring web designcalm nature color schemelight botanical theme

Palette colors

Hex values

Color 1#98FB98
·
Color 2#C0E0A0
·
Color 3#F0F8FF
·
Color 4#B0C4DE
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
2
1.2:1Fail
1.4:1Fail
1.2:1Fail
1:1Fail
3
1.2:1Fail
1.4:1Fail
1.7:1Fail
1.4:1Fail
4
1.4:1Fail
1.2:1Fail
1.7:1Fail
1.2:1Fail
5
1.2:1Fail
1:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Morning Dew Meadow

View all pastel
Spring Meadow Awakening
Spring Meadow Dawn
Dewdrop Meadow Soft
Grassy Meadow Morning
Meadow Spring Fresh
Morning Dew Petals