Back to palettes

Palette

Dewdrop Morning Fresh

Crisp greens and ethereal light blues offer a sense of renewal, like a fresh morning with dew-kissed leaves.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A5E0C7#C7F5E0#E0FFED#8CD9B3#6EBF9A

Palette guide

How to use Dewdrop Morning Fresh

Overview

The Dewdrop Morning Fresh palette delivers a serene and rejuvenating collection of minty greens, evoking the crisp, clean feel of a dew-kissed morning. Ranging from the almost ethereal #E0FFED to the deeper #6EBF9A, these shades are perfect for creating designs that exude calm, clarity, and natural elegance. Designers can leverage this palette to craft soothing user interfaces, fresh branding, or content that promotes well-being and tranquility. The subtle variations between #A5E0C7 and #C7F5E0 allow for soft gradients and layered effects, making it versatile for both digital and print applications.

Best used for

  • Wellness and self-care apps
  • Eco-friendly lifestyle blogs
  • Baby product packaging
  • Spa and aromatherapy branding
  • Minimalist web design
  • Spring-themed marketing materials

Suggested color roles

primary

The deepest shade, #6EBF9A, provides a gentle yet stable primary color for headings or significant UI elements.

secondary

Use #8CD9B3 for secondary text, buttons, or larger graphic elements, maintaining the palette's fresh feel.

accent

The bright #A5E0C7 can be used for subtle highlights, interactive states, or to add a touch of airy vibrancy.

background

The very lightest shade, #E0FFED, offers an immaculate, crisp background, enhancing the sense of freshness.

text

For body text, #6EBF9A or a dark charcoal provides good readability against the lighter backgrounds like #E0FFED.

Accessibility notes

  • Given the overall lightness, ensure ample contrast for text. Use a dark charcoal or black for body text on any of these shades.
  • Avoid using very light shades like #E0FFED or #C7F5E0 for small text, as readability will be poor.
  • The darkest color, #6EBF9A, offers the best contrast for text against the lightest shades in the palette.
  • Prioritize larger font sizes for text elements using colors like #8CD9B3 on #C7F5E0 to maintain readability.

Recommended combinations

Clean Base

Excellent for creating very light, airy backgrounds and subtle, calming transitions in UI elements.

#E0FFED · #C7F5E0 · #A5E0C7

Fresh Contrast

Ideal for primary content, ensuring readability with a dark green text on a crisp, light background.

#6EBF9A · #E0FFED · #8CD9B3

Subtle Depth

Great for layered graphic elements or illustrations, creating depth while maintaining a soft aesthetic.

#8CD9B3 · #A5E0C7 · #C7F5E0

CSS variables

:root {
  --dewdrop-morning-fresh-1: #A5E0C7;
  --dewdrop-morning-fresh-2: #C7F5E0;
  --dewdrop-morning-fresh-3: #E0FFED;
  --dewdrop-morning-fresh-4: #8CD9B3;
  --dewdrop-morning-fresh-5: #6EBF9A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dewdrop-morning-fresh": {
        1: "#A5E0C7",
        2: "#C7F5E0",
        3: "#E0FFED",
        4: "#8CD9B3",
        5: "#6EBF9A",
      }
    }
  }
}

Related searches

mint green palettefresh morning colorscalm green brandinglight pastel greenwellness color scheme

Palette colors

Hex values

Color 1#A5E0C7
·
Color 2#C7F5E0
·
Color 3#E0FFED
·
Color 4#8CD9B3
·
Color 5#6EBF9A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.1:1Fail
1.5:1Fail
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.8:1Fail
3
1.4:1Fail
1.1:1Fail
1.6:1Fail
2.1:1Fail
4
1.1:1Fail
1.4:1Fail
1.6:1Fail
1.3:1Fail
5
1.5:1Fail
1.8:1Fail
2.1:1Fail
1.3:1Fail

Similar palettes

More like Dewdrop Morning Fresh

View all pastel