Back to palettes

Palette

Alpine Meadow Spring

Fresh, airy pastels mirroring the crisp, clean beauty of an alpine meadow in early spring.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C1E1C1#A0D6B4#7FCBC5#A5DEE0#C5E4E8

Palette guide

How to use Alpine Meadow Spring

Overview

The Alpine Meadow Spring palette captures the fresh, airy pastels mirroring the crisp, clean beauty of an alpine meadow in early spring. It features a harmonious blend of soft greens and blues, from the gentle sage #C1E1C1 and lush #A0D6B4, to the refreshing aqua #7FCBC5. Lighter, ethereal blues like #A5DEE0 and the almost white #C5E4E8 complete the spectrum, evoking morning dew and clear skies. This palette is ideal for designers seeking a calm, rejuvenating, and natural aesthetic. It's perfectly suited for projects requiring a sense of peace, growth, or delicate elegance, such as organic brands, wellness applications, or serene digital environments.

Best used for

  • Organic food or skincare branding
  • Spring fashion collections
  • Children's book illustrations
  • Wellness and meditation apps
  • Gardening or nature-themed websites
  • Soft, inviting digital interfaces

Suggested color roles

primary

Use #A0D6B4 as a soft, natural spring green for primary content areas, conveying freshness and growth.

secondary

Apply #7FCBC5 as a refreshing, versatile aqua for secondary elements, adding clarity and calm.

accent

Employ #A5DEE0 as a light, ethereal highlight for subtle accents or decorative details.

background

Utilize #C5E4E8 as a clean, crisp, almost white base, creating a spacious and airy backdrop.

text

Use charcoal for dark, readable text on light pastel backgrounds, ensuring optimal legibility and contrast.

Accessibility notes

  • Ensure charcoal text on #C5E4E8 or #C1E1C1 background offers good contrast for all users.
  • Avoid using lighter pastels like #A5DEE0 or #C5E4E8 for small text on similarly light backgrounds due to low contrast.
  • Use darker text for primary content and calls-to-action to ensure maximum legibility and visual hierarchy.
  • For visual hierarchy, rely on size and placement in addition to subtle color shifts to guide the user.

Recommended combinations

Dewy Greens

Creates a lush, natural feel, ideal for backgrounds or organic design elements.

#A0D6B4 · #C1E1C1 · #7FCBC5

Clear Morning

A light, airy combination perfect for headers, subtle gradients, or delicate design details.

#C5E4E8 · #A5DEE0 · #7FCBC5

Spring Bloom

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

#7FCBC5 · #A0D6B4 · #C1E1C1

CSS variables

:root {
  --alpine-meadow-spring-1: #C1E1C1;
  --alpine-meadow-spring-2: #A0D6B4;
  --alpine-meadow-spring-3: #7FCBC5;
  --alpine-meadow-spring-4: #A5DEE0;
  --alpine-meadow-spring-5: #C5E4E8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alpine-meadow-spring": {
        1: "#C1E1C1",
        2: "#A0D6B4",
        3: "#7FCBC5",
        4: "#A5DEE0",
        5: "#C5E4E8",
      }
    }
  }
}

Related searches

pastel green blue palettespring meadow colorscalm nature pastelsairy green schemefresh delicate colors

Palette colors

Hex values

Color 1#C1E1C1
·
Color 2#A0D6B4
·
Color 3#7FCBC5
·
Color 4#A5DEE0
·
Color 5#C5E4E8
·

Accessibility

Contrast checker

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

Similar palettes

More like Alpine Meadow Spring

View all pastel