Back to palettes

Palette

Dewdrop Meadow Soft

A soft, tranquil palette echoing the gentle greens and blues of a meadow just after a morning dewfall.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C1E1C1#CFFFE2#B9F6CA#9EEBCF#A7DBD8

Palette guide

How to use Dewdrop Meadow Soft

Overview

The Dewdrop Meadow Soft palette captures the tranquil essence of a morning meadow, offering a gentle blend of soft greens and a hint of airy blue. The light #C1E1C1 and #CFFFE2 create an ethereal base, while #B9F6CA and #9EEBCF introduce subtle depth. The unique #A7DBD8 adds a cool, refreshing touch, making this palette ideal for designs that aim for calm, serenity, and understated elegance. It's perfect for creating soothing interfaces, delicate branding, or content that requires a soft, inviting atmosphere. This collection emphasizes freshness and a quiet natural beauty.

Best used for

  • Relaxation and meditation apps
  • Baby product branding
  • Wedding invitations and decor
  • Home decor and interior design
  • Skincare and gentle beauty products
  • Soft, artistic illustrations

Suggested color roles

primary

The slightly deeper #9EEBCF can serve as a gentle primary color for headings or larger UI elements, offering subtle presence.

secondary

Use #B9F6CA for secondary information or background sections, maintaining the palette's overall lightness and calm.

accent

The cool #A7DBD8 acts as a refreshing accent, perfect for small highlights or to introduce a subtle blue undertone.

background

The ethereal #CFFFE2 provides an incredibly light and airy canvas, enhancing the feeling of freshness.

text

For optimal readability, use a dark charcoal or a very deep green (outside the palette) against these light backgrounds.

Accessibility notes

  • Given the overall lightness, ensure significant contrast for text. Use a dark charcoal or black for body text on any of these shades.
  • Avoid using any of the palette colors for small text unless the background offers extremely high contrast (e.g., #9EEBCF on a pure white background).
  • Prioritize larger font sizes and ample line spacing for readability with this soft palette.
  • Consider using #9EEBCF for primary headings against #CFFFE2, but always verify contrast ratios.

Recommended combinations

Airy Base

Excellent for serene backgrounds and subtle transitions, creating a light and spacious feel.

#CFFFE2 · #C1E1C1 · #B9F6CA

Soft Contrast

Use for gentle headings or subheadings, with the soft blue-green acting as a delicate accent.

#9EEBCF · #CFFFE2 · #A7DBD8

Tranquil Depth

Ideal for layered graphic elements or subtle borders, adding depth without losing softness.

#B9F6CA · #A7DBD8 · #C1E1C1

CSS variables

:root {
  --dewdrop-meadow-soft-1: #C1E1C1;
  --dewdrop-meadow-soft-2: #CFFFE2;
  --dewdrop-meadow-soft-3: #B9F6CA;
  --dewdrop-meadow-soft-4: #9EEBCF;
  --dewdrop-meadow-soft-5: #A7DBD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dewdrop-meadow-soft": {
        1: "#C1E1C1",
        2: "#CFFFE2",
        3: "#B9F6CA",
        4: "#9EEBCF",
        5: "#A7DBD8",
      }
    }
  }
}

Related searches

soft green blue palettetranquil meadow colorspastel green brandingcalm nature aestheticairy spring palette

Palette colors

Hex values

Color 1#C1E1C1
·
Color 2#CFFFE2
·
Color 3#B9F6CA
·
Color 4#9EEBCF
·
Color 5#A7DBD8
·

Accessibility

Contrast checker

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

Similar palettes

More like Dewdrop Meadow Soft

View all pastel
Meadow Spring Fresh
Morning Dew Garden
Morning Dew Meadow
Morning Dew Petals
Spring Bloom Dew
Spring Meadow Awakening