Back to palettes

Palette

Morning Dew

Fresh and delicate greens reflecting the subtle beauty of a new day covered in tiny, sparkling dewdrops.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B2AC88#BFE3C5#A1B39F#6F8B67#7EC8E3

Palette guide

How to use Morning Dew

Overview

The "Morning Dew" palette presents a sophisticated blend of earthy greens and a serene blue, evoking the subtle beauty of a new day. With hex codes like #B2AC88 (Muted Olive), #BFE3C5 (Pale Green), #A1B39F (Sage Green), #6F8B67 (Forest Green), and #7EC8E3 (Sky Blue), this collection offers a grounded yet refreshing aesthetic. Designers can utilize these hues to create organic, calming interfaces, nature-inspired branding, or projects requiring a balanced mix of natural warmth and cool tranquility. It's a versatile choice for conveying growth, stability, and a gentle sense of renewal.

Best used for

  • Sustainable and eco-conscious brands
  • Outdoor adventure or gardening websites
  • Health and wellness content platforms
  • Natural food and beverage packaging
  • Calm and focused productivity apps
  • Educational materials about nature

Suggested color roles

primary

#BFE3C5 - A soft, pale green, excellent for expansive backgrounds or main content areas, providing a fresh, airy feel.

secondary

#A1B39F - A muted sage green, perfect for secondary backgrounds, sidebars, or subtle accent panels.

accent

#6F8B67 - A deep, grounding forest green, ideal for calls-to-action, important headings, or key brand elements.

background

#B2AC88 - A warm, earthy olive tone that offers a natural, inviting backdrop, particularly good for content sections.

text

#7EC8E3 - A clear sky blue, suitable for headings or decorative text. For body text, use a dark grey or black for optimal contrast on lighter backgrounds.

Accessibility notes

  • #6F8B67 provides strong contrast for text on #BFE3C5 and #7EC8E3 on #BFE3C5.
  • Be cautious with #B2AC88 on #A1B39F for text, as contrast might be insufficient; always check.
  • Ensure interactive elements are clearly distinguishable, especially when using similar tones like #B2AC88 and #A1B39F.
  • For optimal readability, pair darker text (e.g., #6F8B67 or black) with the lighter background colors.

Recommended combinations

Earthy Calm

#BFE3C5 as main background, #A1B39F for content cards, and #6F8B67 for strong headings or buttons.

#BFE3C5 · #A1B39F · #6F8B67

Fresh Horizon

#B2AC88 for a grounding base, #7EC8E3 for a refreshing header, and #BFE3C5 for body content.

#B2AC88 · #7EC8E3 · #BFE3C5

Natural Depth

#A1B39F for primary background, #6F8B67 for strong accents, and #B2AC88 for complementary elements.

#A1B39F · #6F8B67 · #B2AC88

CSS variables

:root {
  --morning-dew-1: #B2AC88;
  --morning-dew-2: #BFE3C5;
  --morning-dew-3: #A1B39F;
  --morning-dew-4: #6F8B67;
  --morning-dew-5: #7EC8E3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew": {
        1: "#B2AC88",
        2: "#BFE3C5",
        3: "#A1B39F",
        4: "#6F8B67",
        5: "#7EC8E3",
      }
    }
  }
}

Related searches

monochrome green paletteearthy sage color schemenature inspired web designcalm forest UI colorsnatural brand hex codes

Palette colors

Hex values

Color 1#B2AC88
·
Color 2#BFE3C5
·
Color 3#A1B39F
·
Color 4#6F8B67
·
Color 5#7EC8E3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1:1Fail
1.6:1Fail
1.2:1Fail
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
1.3:1Fail
3
1:1Fail
1.6:1Fail
1.7:1Fail
1.2:1Fail
4
1.6:1Fail
2.7:1Fail
1.7:1Fail
2:1Fail
5
1.2:1Fail
1.3:1Fail
1.2:1Fail
2:1Fail

Similar palettes

More like Morning Dew

View all monochrome
Azure Ripple Effect
Enchanted Forest Dew
Foggy Shore Serene
Forest Canopy Slumber
Forest Fern Grotto
Forest Fern Shadow