Palette

Fresh Morning Greens

A burst of vivid greens inspired by new growth and a vibrant, dewy morning garden.

vibrantnatural5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BFE9AC#8ED47D#5CAB4E#348A2C#1B631B

Palette guide

How to use Fresh Morning Greens

Overview

The Fresh Morning Greens palette is a lively and invigorating collection of verdant hues, evoking the lushness of new growth and a dewy spring garden. Ranging from the soft #BFE9AC to the deep #1B631B, these greens create a natural, vibrant, and wholesome aesthetic. Designers and developers can leverage this palette to craft refreshing user interfaces, establish an eco-conscious brand identity, or create engaging digital experiences that communicate vitality and connection to nature. It’s ideal for projects seeking to convey freshness, growth, and natural goodness.

Best used for

Outdoor and adventure brands
Gardening and landscaping services
Organic food and produce marketing
Eco-tourism and nature conservation websites
Children's books and educational materials
Spring seasonal campaigns

Suggested color roles

primary

Use #5CAB4E as a grounding yet vibrant primary color for branding, important calls-to-action, or key UI elements.

secondary

Employ #8ED47D for supporting content, lighter sections, or illustrations, adding an energetic and fresh feel.

accent

The deepest green, #1B631B, can serve as a strong accent for emphasis, important text, or grounding elements.

background

Opt for #BFE9AC as a light, airy background to provide a fresh and clean canvas for the more vibrant greens.

text

For optimal readability on lighter greens, use a dark charcoal or black. On darker shades like #1B631B, white or #BFE9AC provides excellent contrast.

Accessibility notes

Ensure sufficient contrast when placing text on lighter greens like #BFE9AC or #8ED47D; use darker text colors.
The deep #1B631B offers excellent contrast for light text, making it suitable for headings or important information.
Avoid using #8ED47D for small text on similarly bright backgrounds without careful contrast checks.
Verify that interactive elements have adequate color contrast and clear focus indicators.

Recommended combinations

Natural Depth

Excellent for creating visual hierarchy, strong branding, or gradients that convey natural depth.

#1B631B · #5CAB4E · #8ED47D

Spring Fresh

Ideal for a lively and fresh design, suitable for content sections, illustrations, or UI elements.

#BFE9AC · #348A2C · #5CAB4E

Vibrant Energy

A clean, energetic combination for body text and backgrounds, ensuring readability and a fresh feel.

#8ED47D · #5CAB4E · #348A2C

CSS variables

:root {
  --fresh-morning-greens-1: #BFE9AC;
  --fresh-morning-greens-2: #8ED47D;
  --fresh-morning-greens-3: #5CAB4E;
  --fresh-morning-greens-4: #348A2C;
  --fresh-morning-greens-5: #1B631B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fresh-morning-greens": {
        1: "#BFE9AC",
        2: "#8ED47D",
        3: "#5CAB4E",
        4: "#348A2C",
        5: "#1B631B",
      }
    }
  }
}

Hex values

Color 1#BFE9AC

Color 2#8ED47D

Color 3#5CAB4E

Color 4#348A2C

Color 5#1B631B

Accessibility

Contrast checker

1.3:1Fail

2.1:1Fail

3.2:1AA18

5.4:1AA

1.3:1Fail

1.6:1Fail

2.5:1Fail

4.2:1AA18

2.1:1Fail

1.6:1Fail

1.5:1Fail

2.6:1Fail

3.2:1AA18

2.5:1Fail

1.5:1Fail

1.7:1Fail

5.4:1AA

4.2:1AA18

2.6:1Fail

1.7:1Fail

Similar palettes

More like Fresh Morning Greens

Botanist's Herbarium Sheet

Emerald Canopy Glow

Exotic Island Escape