Palette

Morning Bloom Dew

A gentle palette evoking the serene, fresh colors of a garden waking with morning dew.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E0D2#A8C6B1#7E9E8C#4A6B5B#2E473D

Palette guide

How to use Morning Bloom Dew

Overview

The Morning Bloom Dew palette presents a gentle, nature-inspired collection of greens and a soft cream, evoking the serene freshness of a garden waking with morning dew. Featuring a warm cream base #E6E0D2, complemented by a range of harmonious greens from the delicate #A8C6B1 to the deep, grounding #2E473D, with #7E9E8C and #4A6B5B in between, this palette is ideal for creating designs that feel organic, calm, and refreshing. It's particularly well-suited for brands that want to communicate naturalness, sustainability, and tranquility, whether in digital or print media.

Best used for

Eco-friendly product branding and packaging
Wellness and yoga studio websites
Organic food and beverage marketing
Nature-focused photography portfolios
Sustainable fashion e-commerce sites
Botanical garden or park informational designs

Suggested color roles

primary

Use #7E9E8C for main headings, key graphical elements, or primary calls to action to establish a calm yet distinct presence.

secondary

Apply #A8C6B1 for supporting text, sub-headings, or secondary navigation elements, maintaining a light and airy feel.

accent

Utilize #4A6B5B for strong calls to action, important icons, or elements needing more visual weight and depth.

background

Employ #E6E0D2 as the main background color, offering a soft, warm, and inviting canvas that complements the greens beautifully.

text

For optimal readability, use #2E473D for body text and headings on lighter backgrounds, providing excellent contrast and an earthy touch.

Accessibility notes

Ensure sufficient contrast when using lighter greens like #A8C6B1 for text on the #E6E0D2 background.
For interactive elements, make sure their color, such as #4A6B5B, stands out clearly against surrounding elements.
Avoid placing #7E9E8C and #A8C6B1 adjacent to each other for small, critical information due to their close values.
Always test text legibility of #2E473D on #E6E0D2, as well as any light text on #4A6B5B or #2E473D.

Recommended combinations

Forest Floor

Creates a deep, earthy foundation with a warm highlight, perfect for footer designs or dark mode themes.

#2E473D · #4A6B5B · #E6E0D2

Dewy Leaves

Offers a fresh, vibrant feel with a creamy backdrop, ideal for hero images or content cards.

#A8C6B1 · #7E9E8C · #E6E0D2

Natural Harmony

Showcases a smooth transition of greens, suitable for infographics, data visualization, or layered design elements.

#7E9E8C · #4A6B5B · #2E473D

CSS variables

:root {
  --morning-bloom-dew-1: #E6E0D2;
  --morning-bloom-dew-2: #A8C6B1;
  --morning-bloom-dew-3: #7E9E8C;
  --morning-bloom-dew-4: #4A6B5B;
  --morning-bloom-dew-5: #2E473D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-bloom-dew": {
        1: "#E6E0D2",
        2: "#A8C6B1",
        3: "#7E9E8C",
        4: "#4A6B5B",
        5: "#2E473D",
      }
    }
  }
}

Hex values

Color 1#E6E0D2

Color 2#A8C6B1

Color 3#7E9E8C

Color 4#4A6B5B

Color 5#2E473D

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

4.5:1AA

7.7:1AAA

1.4:1Fail

1.6:1Fail

3.2:1AA18

5.5:1AA

2.2:1Fail

1.6:1Fail

2:1Fail

3.4:1AA18

4.5:1AA

3.2:1AA18

2:1Fail

1.7:1Fail

7.7:1AAA

5.5:1AA

3.4:1AA18

1.7:1Fail

Similar palettes

More like Morning Bloom Dew

View all cool

Whispering Willow Shade

Aurora Shimmer Lights

Bamboo Stillness Shade

Deep Forest Lull

Emerald Bough Serene

Emerald Lake Depths