Palette

Mossy Glen Hush

Peaceful and organic greens, capturing the quiet, shaded tranquility of a mossy forest glen.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Glen Hush 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 Mossy Glen Hush.

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

Data visualization

#B0D9A3#8BC57A#65AE50#419A2D#2B7C1D

Palette guide

How to use Mossy Glen Hush

Overview

The Mossy Glen Hush palette captures the quiet, shaded tranquility of a mossy forest glen with its peaceful and organic greens. This vibrant collection ranges from the refreshing #B0D9A3 to the profound #2B7C1D, passing through the lively #8BC57A, #65AE50, and #419A2D. It's an excellent choice for designers looking to infuse energy and natural vitality into their projects while maintaining a sense of calm. The progression from lighter, brighter greens to deeper, more saturated tones allows for dynamic visual storytelling. Ideal for brands that emphasize growth, freshness, and a connection to lush, untouched nature, this palette offers both depth and invigorating vibrance.

Best used for

Outdoor adventure and exploration branding
Fresh produce marketing materials
Ecological conservation websites
Children's nature-themed products
Spring and summer fashion collections
Garden and landscaping services

Suggested color roles

primary

Use #419A2D for impactful calls to action or main headings, providing a strong, vibrant green anchor.

secondary

Apply #65AE50 for subheadings, secondary buttons, or graphical elements, offering a slightly softer, yet still energetic green.

accent

Employ #8BC57A or #B0D9A3 for highlights, interactive elements, or backgrounds that need to feel light and airy.

background

Utilize #B0D9A3 as a fresh, clean background for content areas, ensuring excellent readability.

text

For primary body text, #2B7C1D offers exceptional contrast on #B0D9A3, creating a highly readable experience.

Accessibility notes

Ensure #2B7C1D text on #B0D9A3 background meets WCAG AA contrast standards.
Be cautious using #8BC57A for small text on #B0D9A3; reserve for larger titles or decorative elements.
Test interactive elements with #419A2D for sufficient contrast in both normal and hover states.
Avoid pairing very similar shades like #65AE50 and #419A2D for text/background without checking contrast.

Recommended combinations

Vibrant Woodland

Creates a dynamic, fresh brand identity, with deep green as primary, vibrant green for accents, and light green for spaciousness.

#2B7C1D · #419A2D · #B0D9A3

Morning Dew

Ideal for a lively and inviting UI, using mid-green for content, brighter green for highlights, and pale green for backgrounds.

#65AE50 · #8BC57A · #B0D9A3

Growth & Energy

Offers an energetic yet calm aesthetic for marketing materials or infographics, conveying vitality and natural beauty.

#419A2D · #8BC57A · #B0D9A3

CSS variables

:root {
  --mossy-glen-hush-1: #B0D9A3;
  --mossy-glen-hush-2: #8BC57A;
  --mossy-glen-hush-3: #65AE50;
  --mossy-glen-hush-4: #419A2D;
  --mossy-glen-hush-5: #2B7C1D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-glen-hush": {
        1: "#B0D9A3",
        2: "#8BC57A",
        3: "#65AE50",
        4: "#419A2D",
        5: "#2B7C1D",
      }
    }
  }
}

Hex values

Color 1#B0D9A3

Color 2#8BC57A

Color 3#65AE50

Color 4#419A2D

Color 5#2B7C1D

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

2.3:1Fail

3.3:1AA18

1.3:1Fail

1.8:1Fail

2.6:1Fail

1.7:1Fail

1.3:1Fail

1.9:1Fail

2.3:1Fail

1.8:1Fail

1.3:1Fail

1.5:1Fail

3.3:1AA18

2.6:1Fail

1.9:1Fail

1.5:1Fail

Similar palettes

More like Mossy Glen Hush

Mossy Glen Hush

See it in context.

Ready when you are.

Built with Mossy Glen Hush.

How to use Mossy Glen Hush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vibrant Woodland

Morning Dew

Growth & Energy

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Mossy Glen Hush