Back to palettes

Palette

Meadowland Sky Dream

Gentle blues and greens reflect a serene spring sky over a fresh, dew-kissed meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Meadowland Sky Dream 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 Meadowland Sky Dream.

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

Data visualization

#B5D4E0#E0EFF5#AECDB5#D8EBE0#7EAA88

Palette guide

How to use Meadowland Sky Dream

Overview

The Meadowland Sky Dream palette offers a serene blend of gentle blues and greens, perfect for evoking calm and natural harmony. Featuring a soft sky blue (#B5D4E0), an airy near-white (#E0EFF5), a muted meadow green (#AECDB5), a subtle light green (#D8EBE0), and a grounding deeper green (#7EAA88), this pastel collection is ideal for designs requiring a light, fresh, and soothing aesthetic. Designers and developers can leverage these hues to create inviting digital experiences or print materials that resonate with tranquility and organic beauty. The palette's soft nature ensures a gentle visual flow, making it versatile for various applications where a light touch is desired.

Best used for

  • Wellness and spa branding
  • Baby product packaging and websites
  • Nature-themed mobile app interfaces
  • Eco-friendly brand identity
  • Serene interior design concepts
  • Soft, inviting blog or editorial layouts

Suggested color roles

primary

#B5D4E0 - Utilize this soft sky blue for main calls-to-action, prominent headers, or large content blocks to establish a peaceful, open feel.

secondary

#AECDB5 - This muted meadow green works well for complementary sections, subheadings, or informational graphics, adding an organic balance to the primary blue.

accent

#7EAA88 - Employ this deeper green sparingly for interactive elements, key icons, or crucial highlights to provide subtle emphasis and grounding without overpowering the palette's softness.

background

#E0EFF5 - An excellent choice for primary page backgrounds, large canvases, or modal overlays, providing an airy, clean base that allows other colors to gently surface.

text

#7EAA88 or a dark charcoal like #333333 - For body text, use a dark charcoal or the deeper green #7EAA88 to ensure readability against lighter backgrounds. Consider #B5D4E0 for lighter text on dark accents.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #E0EFF5 and #D8EBE0 with text; always aim for at least AA compliance.
  • The deeper green #7EAA88 provides good contrast against #E0EFF5 and #D8EBE0 for body text or interactive elements.
  • Avoid using #B5D4E0 or #AECDB5 for small text sizes on very light backgrounds without careful contrast checking.
  • When using this palette for charts or data visualization, utilize distinct value differences and consider patterns to aid color-blind users.

Recommended combinations

Sky & Meadow

Ideal for hero sections or brand logos, blending the core blue and green with a grounding accent.

#B5D4E0 · #AECDB5 · #7EAA88

Airy Fresh

Perfect for clean, minimalist layouts or subtle gradients, creating a light and expansive feel.

#E0EFF5 · #D8EBE0 · #B5D4E0

Deep Roots

Use for footer sections, secondary navigation, or nature-inspired imagery where a more grounded, earthy tone is desired.

#D8EBE0 · #7EAA88 · #AECDB5

CSS variables

:root {
  --meadowland-sky-dream-1: #B5D4E0;
  --meadowland-sky-dream-2: #E0EFF5;
  --meadowland-sky-dream-3: #AECDB5;
  --meadowland-sky-dream-4: #D8EBE0;
  --meadowland-sky-dream-5: #7EAA88;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadowland-sky-dream": {
        1: "#B5D4E0",
        2: "#E0EFF5",
        3: "#AECDB5",
        4: "#D8EBE0",
        5: "#7EAA88",
      }
    }
  }
}

Related searches

pastel nature color schemesoft blue green palettecalm web design colorsmeadow sky color combinationairy serene color palette

Palette colors

Hex values

Color 1#B5D4E0
·
Color 2#E0EFF5
·
Color 3#AECDB5
·
Color 4#D8EBE0
·
Color 5#7EAA88
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.7:1Fail
2
1.3:1Fail
1.5:1Fail
1.1:1Fail
2.2:1Fail
3
1.1:1Fail
1.5:1Fail
1.4:1Fail
1.5:1Fail
4
1.3:1Fail
1.1:1Fail
1.4:1Fail
2.1:1Fail
5
1.7:1Fail
2.2:1Fail
1.5:1Fail
2.1:1Fail

Similar palettes

More like Meadowland Sky Dream

View all pastel
Aqua Glimmer Dew
Ethereal Cloud Swirl
Frosted Pastels
Misty Morning Dew
Sea Glass Collection
Sky Whispers Gentle