Palette

Alpine Meadow Breeze

Light, airy hues that capture the gentle beauty and soft colors of a windswept alpine meadow.

pastelnatural5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Alpine Meadow Breeze 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 Alpine Meadow Breeze.

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

Data visualization

#8FBC8F#B0E0E6#D8BFD8#F0FFF0#6B8E23

Palette guide

How to use Alpine Meadow Breeze

Overview

The Alpine Meadow Breeze palette captures the gentle beauty and soft, airy hues of a windswept alpine meadow. It features a delightful blend of pastel greens, blues, and a hint of lavender. The soft moss green #8FBC8F pairs beautifully with the ethereal pale blue #B0E0E6 and the delicate lavender #D8BFD8. The almost pure white #F0FFF0 provides a light, airy canvas, while the vibrant olive green #6B8E23 offers a grounding, natural accent. This palette is ideal for designers seeking a fresh, calming, and natural aesthetic. It's perfect for projects requiring a sense of tranquility, youthfulness, or organic elegance, such as natural beauty brands, children's products, or serene digital environments.

Best used for

Natural beauty and skincare brands
Children's clothing or toy design
Spring or summer event promotions
Eco-friendly product packaging
Calming website themes
Nature-inspired illustrations

Suggested color roles

primary

Use #8FBC8F as a soft, natural meadow green for primary content areas, conveying freshness and growth.

secondary

Apply #B0E0E6 as a light, airy blue for secondary elements, adding a serene and open feel.

accent

Employ #D8BFD8 as a delicate, calming lavender accent for subtle highlights or decorative details.

background

Utilize #F0FFF0 as a clean, crisp, almost white base, creating a spacious and ethereal backdrop.

text

Set body text in #6B8E23, the darkest green, for optimal readability on light backgrounds like #F0FFF0.

Accessibility notes

Text in #6B8E23 on #F0FFF0 background offers good contrast, ensuring readability for most users.
Avoid using #D8BFD8 or #B0E0E6 for small text on similarly light backgrounds due to potential low contrast.
Use the darker green for primary text and calls-to-action to ensure maximum legibility and visual hierarchy.
Ensure interactive elements have clear visual states that are not solely color-dependent, especially with pastels.

Recommended combinations

Meadow Bloom

Creates a natural, floral feel with a grounding green, ideal for headers or accent elements.

#8FBC8F · #D8BFD8 · #6B8E23

Sky & Petals

A light, ethereal combination perfect for backgrounds, subtle gradients, or delicate design details.

#F0FFF0 · #B0E0E6 · #D8BFD8

Fresh Breeze

Provides a balanced, refreshing flow, suitable for natural branding or informational graphics.

#6B8E23 · #8FBC8F · #B0E0E6

CSS variables

:root {
  --alpine-meadow-breeze-1: #8FBC8F;
  --alpine-meadow-breeze-2: #B0E0E6;
  --alpine-meadow-breeze-3: #D8BFD8;
  --alpine-meadow-breeze-4: #F0FFF0;
  --alpine-meadow-breeze-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alpine-meadow-breeze": {
        1: "#8FBC8F",
        2: "#B0E0E6",
        3: "#D8BFD8",
        4: "#F0FFF0",
        5: "#6B8E23",
      }
    }
  }
}

Hex values

Color 1#8FBC8F

Color 2#B0E0E6

Color 3#D8BFD8

Color 4#F0FFF0

Color 5#6B8E23

Accessibility

Contrast checker

1.5:1Fail

1.3:1Fail

2.1:1Fail

1.8:1Fail

1.5:1Fail

1.2:1Fail

1.4:1Fail

2.7:1Fail

1.3:1Fail

1.2:1Fail

1.6:1Fail

2.2:1Fail

2.1:1Fail

1.4:1Fail

1.6:1Fail

3.7:1AA18

1.8:1Fail

2.7:1Fail

2.2:1Fail

3.7:1AA18

Similar palettes

More like Alpine Meadow Breeze

View all pastel

Dewdrop Meadow Fresh

Meadow Wildflower Bloom

Prairie Wild Blooms

Spring Willow Whisper

Sunrise Market Fresh

Wildflower Meadow Path