Back to palettes

Palette

Spring Meadow Delight

Soft and invigorating greens, capturing the tender new growth of a meadow in springtime.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#72B095#9EDABF#CFF5E9#4B857A#2C6057

Palette guide

How to use Spring Meadow Delight

Overview

The Spring Meadow Delight palette offers a refreshing and invigorating journey through a range of serene greens, capturing the tender new growth of a meadow in springtime. This calm and sophisticated collection features #CFF5E9, a very light, almost minty green, providing an airy and luminous base. Deeper, more saturated greens like #72B095 and #9EDABF offer a beautiful progression of natural tones, perfect for establishing visual hierarchy. The palette is anchored by the rich, deep greens of #4B857A and #2C6057, which provide significant depth and grounding. Designers and developers can leverage these hues to create elegant, nature-inspired interfaces, robust branding, or tranquil digital experiences that convey freshness, growth, and a subtle yet profound connection to nature.

Best used for

  • Environmental conservation organization websites
  • Organic food and beverage branding
  • Sustainable technology company interfaces
  • High-end skincare product packaging
  • Nature photography blogs
  • Educational content on botany or ecology

Suggested color roles

primary

#72B095 - A balanced, fresh green that works excellently for main content areas, buttons, and primary branding elements, conveying natural elegance.

secondary

#9EDABF - Use this lighter, brighter green for supporting information, subheadings, or as a subtle background for content blocks.

accent

#2C6057 - This deep, rich green provides a strong, sophisticated accent for important call-to-actions, headers, or to add significant visual weight.

background

#CFF5E9 - A very light, crisp green that serves as an ideal background, offering a fresh, airy canvas while maintaining a hint of color.

text

This mid-tone green can be used for large headings or decorative text. For body text on light backgrounds, use a dark charcoal like #333333 or black for optimal readability.

Accessibility notes

  • The very light background #CFF5E9 requires dark text (e.g., black or dark gray) for optimal readability and WCAG compliance.
  • Avoid placing #9EDABF text on #CFF5E9 as the contrast will be insufficient; always check contrast for lighter colors.
  • #72B095, #4B857A, and #2C6057 offer good contrast for white text, but verify WCAG AA/AAA for smaller fonts.
  • Ensure a clear visual hierarchy by utilizing the contrast between the deeper greens and the lighter background.

Recommended combinations

Deep Forest Fresh

Create a strong, sophisticated look with a light background and rich, deep green primary and accent elements.

#CFF5E9 · #4B857A · #2C6057

Invigorating Layers

Ideal for designing harmonious gradients or layered graphics that maintain a fresh, airy feel.

#72B095 · #9EDABF · #CFF5E9

Grounded Contrast

Use for clear content separation, with the lightest green as background, mid-green for content, and dark green for emphasis.

#CFF5E9 · #72B095 · #2C6057

CSS variables

:root {
  --spring-meadow-delight-2-1: #72B095;
  --spring-meadow-delight-2-2: #9EDABF;
  --spring-meadow-delight-2-3: #CFF5E9;
  --spring-meadow-delight-2-4: #4B857A;
  --spring-meadow-delight-2-5: #2C6057;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-meadow-delight-2": {
        1: "#72B095",
        2: "#9EDABF",
        3: "#CFF5E9",
        4: "#4B857A",
        5: "#2C6057",
      }
    }
  }
}

Related searches

fresh green color schemedeep meadow greensnatural calm palettesophisticated green tonesorganic website colors

Palette colors

Hex values

Color 1#72B095
·
Color 2#9EDABF
·
Color 3#CFF5E9
·
Color 4#4B857A
·
Color 5#2C6057
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.1:1Fail
1.7:1Fail
2.9:1Fail
2
1.6:1Fail
1.4:1Fail
2.7:1Fail
4.5:1AA
3
2.1:1Fail
1.4:1Fail
3.6:1AA18
6.1:1AA
4
1.7:1Fail
2.7:1Fail
3.6:1AA18
1.7:1Fail
5
2.9:1Fail
4.5:1AA
6.1:1AA
1.7:1Fail

Similar palettes

More like Spring Meadow Delight

View all pastel
Botanical Bloom Fresh
Dewdrop Meadow Soft
Enchanted Glade Dew
Fresh Spring Breeze
Meadow Spring Fresh
Minty Fresh Air