Back to palettes

Palette

Morning Dew Meadow

Soft and refreshing, like a peaceful meadow in early morning, sparkling with dewdrops.

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

#AEC6AF#F0F8FF#B0E0E6#FADFAD#C2C7C4

Palette guide

How to use Morning Dew Meadow

Overview

The Morning Dew Meadow palette offers a soft and refreshing collection of tones, reminiscent of a peaceful meadow in early morning, sparkling with dewdrops. This unique blend, featuring airy shades like #F0F8FF and #B0E0E6 alongside the earthy #AEC6AF and #C2C7C4, is ideal for designs seeking a gentle, natural, and inviting feel. The unexpected warmth of #FADFAD adds a touch of sun-kissed charm, providing versatile accent opportunities. Designers and developers will find this palette excellent for creating harmonious interfaces that feel serene and approachable. Its diverse yet cohesive nature allows for distinct visual hierarchy while maintaining an overall sense of calm and natural beauty, perfect for lifestyle or nature-themed projects.

Best used for

  • Nature-inspired lifestyle blogs
  • Children's book illustrations
  • Handmade craft or artisan product branding
  • Relaxation and meditation app interfaces
  • Spring event marketing materials
  • Eco-friendly home decor websites

Suggested color roles

primary

#AEC6AF - A soft, grounded green that provides a stable and inviting foundation for main content, navigation, and key headings.

secondary

#B0E0E6 - A light, airy blue, excellent for subheadings, secondary navigation, or subtle background elements, adding a touch of freshness.

accent

#FADFAD - A gentle, warm accent color, ideal for calls-to-action, highlights, or bringing a subtle sunlit glow to design elements.

background

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

text

#C2C7C4 - A soft, legible grey-green for body text on light backgrounds, or a dark charcoal like #333333 for enhanced readability.

Accessibility notes

  • Ensure #AEC6AF or #C2C7C4 text has sufficient contrast against #F0F8FF or #B0E0E6 backgrounds.
  • Avoid using #F0F8FF or #B0E0E6 for small text on very light backgrounds due to low contrast.
  • For critical information, pair the darkest shade, #AEC6AF, with the lightest, #F0F8FF, to meet WCAG AA contrast guidelines.
  • Consider using a dark brown or charcoal text (#4A4A4A) for all body copy to guarantee maximum readability across varying background elements.

Recommended combinations

Dewy Earth

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

#AEC6AF · #C2C7C4 · #F0F8FF

Morning Haze

Soft, layered look ideal for hero sections, subtle branding, or tranquil background gradients with a hint of warmth.

#F0F8FF · #B0E0E6 · #FADFAD

Meadow Glint

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

#C2C7C4 · #AEC6AF · #B0E0E6

CSS variables

:root {
  --morning-dew-meadow-2-1: #AEC6AF;
  --morning-dew-meadow-2-2: #F0F8FF;
  --morning-dew-meadow-2-3: #B0E0E6;
  --morning-dew-meadow-2-4: #FADFAD;
  --morning-dew-meadow-2-5: #C2C7C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-meadow-2": {
        1: "#AEC6AF",
        2: "#F0F8FF",
        3: "#B0E0E6",
        4: "#FADFAD",
        5: "#C2C7C4",
      }
    }
  }
}

Related searches

soft meadow color palettegentle spring huesnature inspired pastel designcalm morning colorsdewdrop web theme

Palette colors

Hex values

Color 1#AEC6AF
·
Color 2#F0F8FF
·
Color 3#B0E0E6
·
Color 4#FADFAD
·
Color 5#C2C7C4
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Dew Meadow

View all pastel
Blooming Meadow Softness
Soft Alpine Meadow
Spring Meadow Dewdrop
Botanical Bloom Fresh
Dewdrop Petal Blush
Morning Blossom Dew