Palette

Sunny Meadow Dew

Fresh and airy pastel hues reflecting the gentle sunlight on morning dew and blooming wildflowers in a meadow.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9EBEA#F5DDE7#BEE3F2#A6E3C0#FFEBAA

Palette guide

How to use Sunny Meadow Dew

Overview

The Sunny Meadow Dew palette is a symphony of fresh, airy pastels, perfectly capturing the gentle light of morning dew on wildflowers. Its delicate hues include the soft Pinkish White (#F9EBEA), a subtle Lavender Blush (#F5DDE7), and the serene Light Sky Blue (#BEE3F2), evoking a tranquil dawn. Complemented by a gentle Mint Green (#A6E3C0) and a cheerful Pale Yellow (#FFEBAA), this palette offers a sense of calm, purity, and playful lightness. It's an ideal choice for designs that require a soft touch, conveying freshness, innocence, and subtle beauty without overwhelming the viewer.

Best used for

Baby and children's product branding
Spa and wellness retreat websites
Wedding invitations and event decor
Soft fashion and lingerie design
Delicate art and illustration projects
Minimalist home decor accents

Suggested color roles

primary

Use #BEE3F2 (Light Sky Blue) as a calming primary color, ideal for establishing a serene and airy foundation.

secondary

Apply #A6E3C0 (Mint Green) as a fresh secondary, perfect for adding a touch of natural vitality or gentle contrast.

accent

Introduce #FFEBAA (Pale Yellow) as a subtle, cheerful accent, bringing a hint of warmth and delicate sunshine.

background

Utilize #F9EBEA (Pinkish White) or #F5DDE7 (Lavender Blush) as light, ethereal background colors, providing a soft, clean canvas.

text

For readability, use a medium gray like #6A6A6A or a soft brown. Black text should be avoided to maintain the gentle aesthetic; consider a dark blue for a refined touch.

Accessibility notes

Due to the light nature of all colors, contrast is critical. Ensure text is significantly darker than its background.
Avoid pairing light colors like #F9EBEA and #FFEBAA for text and background without careful contrast checking.
Use a dark contrasting color for all critical text and interactive elements to meet WCAG guidelines.
Consider using larger font sizes and bolder weights when applying any of these pastels as text colors.

Recommended combinations

Morning Haze

Ideal for soft, ethereal backgrounds or minimalist designs, evoking a gentle dawn.

#F9EBEA · #F5DDE7 · #BEE3F2

Dewdrop Fresh

Excellent for natural-themed elements or cheerful accents, suggesting purity and newness.

#A6E3C0 · #FFEBAA · #F9EBEA

Pastel Whisper

Effective for subtle branding or delicate illustrations, offering a harmonious and calm feel.

#BEE3F2 · #F5DDE7 · #FFEBAA

CSS variables

:root {
  --sunny-meadow-dew-1: #F9EBEA;
  --sunny-meadow-dew-2: #F5DDE7;
  --sunny-meadow-dew-3: #BEE3F2;
  --sunny-meadow-dew-4: #A6E3C0;
  --sunny-meadow-dew-5: #FFEBAA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-meadow-dew": {
        1: "#F9EBEA",
        2: "#F5DDE7",
        3: "#BEE3F2",
        4: "#A6E3C0",
        5: "#FFEBAA",
      }
    }
  }
}

Hex values

Color 1#F9EBEA

Color 2#F5DDE7

Color 3#BEE3F2

Color 4#A6E3C0

Color 5#FFEBAA

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.3:1Fail

1:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1:1Fail

1.1:1Fail

1.2:1Fail

Similar palettes

More like Sunny Meadow Dew

Sunny Meadow Dew

See it in context.

Ready when you are.

Built with Sunny Meadow Dew.

How to use Sunny Meadow Dew

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Morning Haze

Dewdrop Fresh

Pastel Whisper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sunny Meadow Dew