Back to palettes

Palette

Soft Alpine Meadow

Gentle, muted greens and whites capturing the peaceful essence of a high alpine meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6F0E6#CDE1D0#A7C7AE#81AC8A#5B9266

Palette guide

How to use Soft Alpine Meadow

Overview

The "Soft Alpine Meadow" palette offers a serene collection of muted greens and a delicate off-white, perfectly capturing the tranquil beauty of a high-altitude natural landscape. With hues ranging from the very light #E6F0E6 to the deeper, grounding #5B9266, alongside harmonious mid-tones like #CDE1D0, #A7C7AE, and #81AC8A, this palette is ideal for designs seeking a calm, organic, and refreshing aesthetic. Designers and developers can leverage these soft, nature-inspired colors to create inviting digital experiences or branding that conveys health, sustainability, and peacefulness. It’s a versatile set for projects aiming for a gentle, earthy connection.

Best used for

  • Eco-friendly brand identity and packaging
  • Wellness and spa website design
  • Nature-inspired art and illustration
  • Sustainable product marketing materials
  • Botanical garden or nature preserve branding
  • Calm and comforting interior design palettes

Suggested color roles

primary

Utilize #E6F0E6 as a clean, airy background, mimicking the clear sky or gentle mist of an alpine morning.

secondary

Employ #A7C7AE for secondary elements, providing a soft, earthy green that grounds the design.

accent

Use #5B9266 as a strong, natural accent for calls-to-action or important highlights, symbolizing growth.

background

The lightest shade, #E6F0E6, offers a refreshing and spacious background, ideal for content-heavy pages.

text

For most text, use a dark grey or black. Lighter shades like #CDE1D0 can be used for very large, decorative headlines on a dark background.

Accessibility notes

  • Ensure sufficient contrast for all text, particularly when using lighter greens on light backgrounds.
  • The darkest green, #5B9266, provides good contrast for text on #E6F0E6 or #CDE1D0.
  • Avoid using #E6F0E6 or #CDE1D0 for small text elements; reserve them for backgrounds or larger graphics.
  • Regularly check color combinations with WCAG contrast tools to meet accessibility standards (AA or AAA).

Recommended combinations

Forest Floor

Creates a rich, natural depth for illustrations, infographics, or a strong brand presence.

#81AC8A · #A7C7AE · #5B9266

Morning Dew

Excellent for soft, ethereal backgrounds, subtle gradients, or delicate UI components.

#E6F0E6 · #CDE1D0 · #A7C7AE

Vibrant Growth

Provides a clear hierarchy, with the darkest green as an accent against light backgrounds.

#E6F0E6 · #5B9266 · #CDE1D0

CSS variables

:root {
  --soft-alpine-meadow-1: #E6F0E6;
  --soft-alpine-meadow-2: #CDE1D0;
  --soft-alpine-meadow-3: #A7C7AE;
  --soft-alpine-meadow-4: #81AC8A;
  --soft-alpine-meadow-5: #5B9266;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-alpine-meadow": {
        1: "#E6F0E6",
        2: "#CDE1D0",
        3: "#A7C7AE",
        4: "#81AC8A",
        5: "#5B9266",
      }
    }
  }
}

Related searches

soft green color schemealpine nature palettecalm earthy greensspring meadow colorssustainable brand palette

Palette colors

Hex values

Color 1#E6F0E6
·
Color 2#CDE1D0
·
Color 3#A7C7AE
·
Color 4#81AC8A
·
Color 5#5B9266
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.2:1Fail
3.1:1AA18
2
1.2:1Fail
1.3:1Fail
1.9:1Fail
2.7:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.2:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.1:1AA18
2.7:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Soft Alpine Meadow

View all pastel
Morning Dew Meadow
Whispering Meadow Flowers
Blooming Meadow Softness
Blossom Dew Kiss
Grassy Meadow Morning
Meadowland Sky Dream