Palette

Dewdrop Meadow

Fresh greens and soft aquas mirroring a meadow glistening with morning dew under a clear sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6AAB9C#9CCDBF#C8E8DC#4B8F7D#2E6B5D

Palette guide

How to use Dewdrop Meadow

Overview

The Dewdrop Meadow palette offers a grounded yet fresh collection of greens and soft aquas, reminiscent of a morning meadow under a clear sky. With a range from the deep, anchoring #2E6B5D to the light, airy #C8E8DC, and including the balanced #6AAB9C, this palette is ideal for conveying natural calm and subtle sophistication. Designers can use these harmonious shades to create serene digital environments, eco-conscious branding, or designs that speak to growth and tranquility. The inclusion of #9CCDBF provides a gentle intermediary, allowing for smooth transitions and visual depth.

Best used for

Environmental non-profits
Sustainable lifestyle brands
Garden design services
Holistic wellness centers
Nature photography portfolios
Calm and informative web design

Suggested color roles

primary

The rich #2E6B5D serves as a strong primary color, perfect for main headings, navigation, or important call-to-action buttons.

secondary

Use #4B8F7D for secondary headings, accents, or illustrations, offering a slightly lighter yet still impactful green.

accent

The brighter #6AAB9C can highlight interactive elements or add a fresh pop of color against the deeper tones.

background

The very light #C8E8DC provides an open, fresh background that allows other colors to stand out clearly.

text

For body text, #2E6B5D provides excellent readability against the lighter background shades like #C8E8DC or #9CCDBF.

Accessibility notes

Ensure text contrast, especially when using lighter greens like #9CCDBF for text on backgrounds like #C8E8DC.
The darkest shade, #2E6B5D, offers strong contrast for text against all lighter colors in the palette.
Avoid using #C8E8DC for small text unless paired with a very dark background for sufficient contrast.
Pair #2E6B5D with #C8E8DC for a highly readable and naturally appealing primary text/background combination.

Recommended combinations

Earthy Foundation

Ideal for establishing a strong brand presence with deep primary colors and a light, airy canvas.

#2E6B5D · #C8E8DC · #4B8F7D

Soft Transition

Creates a gentle, flowing gradient suitable for background elements, banners, or subtle textural effects.

#6AAB9C · #9CCDBF · #C8E8DC

Fresh Accent

Use for interactive elements or points of interest, drawing attention with a vibrant yet natural feel.

#4B8F7D · #C8E8DC · #6AAB9C

CSS variables

:root {
  --dewdrop-meadow-1: #6AAB9C;
  --dewdrop-meadow-2: #9CCDBF;
  --dewdrop-meadow-3: #C8E8DC;
  --dewdrop-meadow-4: #4B8F7D;
  --dewdrop-meadow-5: #2E6B5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dewdrop-meadow": {
        1: "#6AAB9C",
        2: "#9CCDBF",
        3: "#C8E8DC",
        4: "#4B8F7D",
        5: "#2E6B5D",
      }
    }
  }
}

Hex values

Color 1#6AAB9C

Color 2#9CCDBF

Color 3#C8E8DC

Color 4#4B8F7D

Color 5#2E6B5D

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

1.4:1Fail

2.3:1Fail

1.5:1Fail

1.3:1Fail

2.2:1Fail

3.5:1AA18

2:1Fail

1.3:1Fail

2.9:1Fail

4.7:1AA

1.4:1Fail

2.2:1Fail

2.9:1Fail

1.6:1Fail

2.3:1Fail

3.5:1AA18

4.7:1AA

1.6:1Fail

Similar palettes

More like Dewdrop Meadow

View all cool

Arctic Northern Bloom

Frosted Morning Pane

Glacial Stream Whisper

Mint Glacial Stream

Morning Fog Meadow

Spring Bloom Whisper