Back to palettes

Palette

Wildflower Meadow Path

Gentle, muted hues found along a serene path winding through a sun-kissed meadow of wildflowers.

pastelnatural5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wildflower Meadow Path 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 Wildflower Meadow Path.

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

Data visualization

#BEE3DB#86BBD8#9F8A9F#D8AEB5#E5E5E5

Palette guide

How to use Wildflower Meadow Path

Overview

The Wildflower Meadow Path palette presents gentle, muted hues found along a serene path winding through a sun-kissed meadow. This collection features a soft Teal (#BEE3DB), a calming Steel Blue (#86BBD8), a subtle Muted Purple-grey (#9F8A9F), a delicate Pale Rose (#D8AEB5), and a versatile Light Grey (#E5E5E5). It's ideal for designers aiming for a tranquil, sophisticated, and natural aesthetic. These pastel tones work harmoniously to create spaces or interfaces that feel airy, delicate, and inviting, perfect for conveying serenity and understated elegance across various applications.

Best used for

  • Wedding and event stationery design
  • Baby product branding and packaging
  • Spa and wellness retreat websites
  • Minimalist and serene interior design
  • Delicate fashion and textile patterns
  • Soft, nature-inspired digital illustrations

Suggested color roles

primary

Use #86BBD8 (Steel Blue) for main headings or key navigational elements, providing a calming and stable focal point.

secondary

Apply #D8AEB5 (Pale Rose) for subheadings, secondary information, or subtle decorative accents, adding warmth and softness.

accent

Incorporate #9F8A9F (Muted Purple-grey) for delicate details, icons, or subtle UI elements to add depth without overpowering.

background

Utilize #E5E5E5 (Light Grey) or #BEE3DB (Soft Teal) for clean, expansive backgrounds, creating a light and airy canvas.

text

For optimal readability, use a dark grey, charcoal, or a deep navy on these pastel backgrounds to ensure sufficient contrast.

Accessibility notes

  • Text on lighter pastels like #BEE3DB, #D8AEB5, and #E5E5E5 must be dark (e.g., black or dark grey) to meet contrast standards.
  • Avoid using #9F8A9F for small text on very light backgrounds as its muted tone may lead to poor readability.
  • When layering pastel colors, ensure there is enough visual separation and contrast between elements for clear distinction.
  • Always test color combinations with accessibility checkers to confirm sufficient contrast ratios for all text and interactive elements.

Recommended combinations

Serene Sky

Excellent for creating a peaceful sky-like atmosphere, ideal for backgrounds or header sections with a calming blue gradient.

#86BBD8 · #BEE3DB · #E5E5E5

Soft Bloom

Perfect for delicate floral motifs or feminine branding, combining soft rose with muted purple and a clean grey base.

#D8AEB5 · #9F8A9F · #E5E5E5

Muted Harmony

Creates a sophisticated, understated feel, suitable for subtle branding elements or tranquil user interfaces.

#BEE3DB · #9F8A9F · #86BBD8

CSS variables

:root {
  --wildflower-meadow-path-4-1: #BEE3DB;
  --wildflower-meadow-path-4-2: #86BBD8;
  --wildflower-meadow-path-4-3: #9F8A9F;
  --wildflower-meadow-path-4-4: #D8AEB5;
  --wildflower-meadow-path-4-5: #E5E5E5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wildflower-meadow-path-4": {
        1: "#BEE3DB",
        2: "#86BBD8",
        3: "#9F8A9F",
        4: "#D8AEB5",
        5: "#E5E5E5",
      }
    }
  }
}

Related searches

pastel wildflower color schemesoft meadow palettemuted nature design colorsserene blue pink greydelicate floral inspiration

Palette colors

Hex values

Color 1#BEE3DB
·
Color 2#86BBD8
·
Color 3#9F8A9F
·
Color 4#D8AEB5
·
Color 5#E5E5E5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.4:1Fail
1.1:1Fail
2
1.5:1Fail
1.5:1Fail
1.1:1Fail
1.6:1Fail
3
2.3:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
1.4:1Fail
1.1:1Fail
1.6:1Fail
1.6:1Fail
5
1.1:1Fail
1.6:1Fail
2.5:1Fail
1.6:1Fail

Similar palettes

More like Wildflower Meadow Path

View all pastel