Back to palettes

Palette

Summer Meadow Haze

The gentle, blurred beauty of a meadow bathed in late summer sun, full of delicate wildflowers.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Meadow Haze 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 Summer Meadow Haze.

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

Data visualization

#B0D9A1#CFC3E5#F8F5C9#EBC8C0#B7DAF0

Palette guide

How to use Summer Meadow Haze

Overview

The Summer Meadow Haze palette delivers a soft, ethereal collection of pastel hues, capturing the gentle beauty of a hazy summer day. With a delicate pale green (#B0D9A1), a dreamy lavender (#CFC3E5), a warm creamy yellow (#F8F5C9), a subtle peach (#EBC8C0), and a serene light blue (#B7DAF0), this palette creates a calm and inviting atmosphere. It's an excellent choice for designers and developers aiming for a tranquil, romantic, or minimalist aesthetic. These muted tones are ideal for crafting gentle web experiences, sophisticated branding, or delicate print designs, fostering a sense of peace and subtle elegance.

Best used for

  • Wedding invitations and decor
  • Baby product branding
  • Soft lifestyle blog design
  • Spa and relaxation app interfaces
  • Artistic photography presentations
  • Abstract art compositions

Suggested color roles

primary

Use #CFC3E5 (lavender) or #B7DAF0 (light blue) for subtle branding elements or soft interactive states, providing gentle visual interest.

secondary

Apply #B0D9A1 (pale green) for background sections or secondary content, maintaining the palette's overall lightness.

accent

Introduce #EBC8C0 (pale peach) sparingly for delicate highlights, decorative touches, or soft gradients, adding warmth.

background

Employ #F8F5C9 (creamy yellow) as the primary background color, creating a warm, airy, and expansive canvas.

text

For optimal readability, use a dark charcoal or deep grey text color, as the palette's colors are generally too light for text.

Accessibility notes

  • All colors are very light; ensure text has sufficient contrast by using a dark neutral like charcoal or black.
  • Avoid using any of the palette colors for small text or critical information directly on another palette color without significant contrast testing.
  • When using #F8F5C9 as a background, pair it with a dark text color for legibility.
  • Consider outlining or shading elements in lighter colors if they need to stand out against similar light backgrounds.

Recommended combinations

Hazy Sky

Perfect for soft, dreamy backgrounds or headers, evoking a serene and expansive feel.

#B7DAF0 · #CFC3E5 · #F8F5C9

Gentle Bloom

Ideal for delicate illustrations or UI elements, combining subtle green, peach, and lavender.

#B0D9A1 · #EBC8C0 · #CFC3E5

Misty Warmth

Use for comforting content areas, blending warm cream and peach with a touch of fresh green.

#F8F5C9 · #EBC8C0 · #B0D9A1

CSS variables

:root {
  --summer-meadow-haze-1: #B0D9A1;
  --summer-meadow-haze-2: #CFC3E5;
  --summer-meadow-haze-3: #F8F5C9;
  --summer-meadow-haze-4: #EBC8C0;
  --summer-meadow-haze-5: #B7DAF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-meadow-haze": {
        1: "#B0D9A1",
        2: "#CFC3E5",
        3: "#F8F5C9",
        4: "#EBC8C0",
        5: "#B7DAF0",
      }
    }
  }
}

Related searches

pastel summer color schemesoft dreamy palettehazy floral colorslight romantic designmuted tranquil palette

Palette colors

Hex values

Color 1#B0D9A1
·
Color 2#CFC3E5
·
Color 3#F8F5C9
·
Color 4#EBC8C0
·
Color 5#B7DAF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1:1Fail
1.1:1Fail
2
1.1:1Fail
1.5:1Fail
1.1:1Fail
1.1:1Fail
3
1.4:1Fail
1.5:1Fail
1.4:1Fail
1.3:1Fail
4
1:1Fail
1.1:1Fail
1.4:1Fail
1.1:1Fail
5
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Summer Meadow Haze

View all pastel
Blooming Meadow Softness
Lavender Field Haze
Amethyst Haze Dream
Apricot Bloom Hush
Blushing Petal Softness
Blushing Rose Dew