Palette

Morning Dew Glint

The crisp, refreshing greens of morning, with a hint of shimmering dew on new leaves.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Morning Dew Glint 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 Morning Dew Glint.

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

Data visualization

#7FB090#C2E0C4#DAF0DC#5E8F6C#98C49F

Palette guide

How to use Morning Dew Glint

Overview

The Morning Dew Glint palette captures the crisp, refreshing essence of nature with its harmonious blend of greens, evoking the shimmer of dew on new leaves at dawn. This subtle yet vibrant collection, featuring shades like the soft #DAF0DC and the deeper #5E8F6C, is ideal for designs aiming for an organic and serene feel. The mid-tones such as #C2E0C4 and #98C49F provide excellent versatility for gradients and layered elements, ensuring visual depth without being overpowering. Designers and developers will appreciate how #7FB090 grounds the palette, making it perfect for eco-conscious brands, wellness applications, or any platform seeking to convey freshness, growth, and natural tranquility. Its gentle sophistication fosters a calming user experience.

Best used for

Organic food and beverage branding
Sustainable fashion e-commerce
Environmental awareness campaigns
Health and wellness app interfaces
Botanical garden or nature preserve websites
Interior design visualization with natural themes

Suggested color roles

primary

#7FB090 - A rich, natural green that provides a stable and inviting foundation for main content, navigation, and key headings.

secondary

#98C49F - A lighter, softer green, suitable for supporting text, subheadings, or background elements where a gentle touch is desired.

accent

#5E8F6C - The deepest, most impactful green, perfect for calls-to-action, important highlights, or subtle branding accents that demand attention.

background

#DAF0DC - The lightest, almost ethereal green, creating a spacious and fresh canvas that promotes readability and a serene atmosphere.

text

#5E8F6C - A strong, legible green for body text on light backgrounds, or a classic dark grey like #222222 for universal readability.

Accessibility notes

Ensure #5E8F6C or #7FB090 text has sufficient contrast against #DAF0DC or #C2E0C4 backgrounds.
Avoid using #DAF0DC for small text on very light backgrounds due to potential readability issues.
For critical information, pair the darkest shade, #5E8F6C, with the lightest, #DAF0DC, for optimal WCAG AA contrast.
Consider using a pure white (#FFFFFF) for text on #5E8F6C to achieve high contrast for headlines or buttons.

Recommended combinations

Glinting Meadow

A refreshing trio for headers, main content, and backgrounds, creating a clean and natural feel.

#5E8F6C · #98C49F · #DAF0DC

Leafy Dawn

Subtle gradient for hero sections, soft branding elements, or tranquil background patterns.

#DAF0DC · #C2E0C4 · #7FB090

Dew Kissed

Dynamic and earthy for interactive elements, data visualization, or highlighting key information on a lighter canvas.

#7FB090 · #5E8F6C · #C2E0C4

CSS variables

:root {
  --morning-dew-glint-1: #7FB090;
  --morning-dew-glint-2: #C2E0C4;
  --morning-dew-glint-3: #DAF0DC;
  --morning-dew-glint-4: #5E8F6C;
  --morning-dew-glint-5: #98C49F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-glint": {
        1: "#7FB090",
        2: "#C2E0C4",
        3: "#DAF0DC",
        4: "#5E8F6C",
        5: "#98C49F",
      }
    }
  }
}

Hex values

Color 1#7FB090

Color 2#C2E0C4

Color 3#DAF0DC

Color 4#5E8F6C

Color 5#98C49F

Accessibility

Contrast checker

1.7:1Fail

2.1:1Fail

1.5:1Fail

1.3:1Fail

1.7:1Fail

1.2:1Fail

2.6:1Fail

1.4:1Fail

2.1:1Fail

1.2:1Fail

3.1:1AA18

1.6:1Fail

1.5:1Fail

2.6:1Fail

3.1:1AA18

1.9:1Fail

1.3:1Fail

1.4:1Fail

1.6:1Fail

1.9:1Fail

Similar palettes

More like Morning Dew Glint

View all cool

Glacial Stream Whisper

Mint Meadow Breeze

Moroccan Mint Tea

Spring Bloom Whisper

Verdant Blossom Whispers

Arctic Northern Bloom