Back to palettes

Palette

Verdant Grove Hush

A quiet palette inspired by the deep, serene greens and browns of an ancient, untouched forest.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Grove 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 Verdant Grove Hush.

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

Data visualization

#1A4314#4A6F3F#8A816C#B9C4A6#E0EBD8

Palette guide

How to use Verdant Grove Hush

Overview

The Verdant Grove Hush palette offers a serene and grounded aesthetic, drawing inspiration from ancient, untouched forests. This collection of earthy greens and muted tones, including the deep forest green #1A4314 and the softer mossy hue #4A6F3F, provides a tranquil foundation for any design project. The versatile mid-tone #8A816C acts as an excellent bridge, while the lighter #B9C4A6 and nearly off-white #E0EBD8 ensure sufficient contrast and breathability. Designers can leverage this palette to evoke a sense of calm, natural beauty, and timeless elegance, making it ideal for brands seeking an organic, sophisticated, and understated visual identity that feels both established and fresh. Developers will find these hex codes easy to implement for creating cohesive UI themes.

Best used for

  • Nature-inspired branding and logos
  • Eco-friendly product packaging
  • Wellness and spa website designs
  • Interior design mood boards
  • Sustainable fashion marketing materials
  • Educational content on environmental topics

Suggested color roles

primary

#1A4314 - A deep, grounding forest green, perfect for main branding elements, prominent headers, or large background sections to establish a natural, sophisticated tone.

secondary

#4A6F3F - A softer, yet rich green that complements the primary hue, suitable for subheadings, call-to-action buttons, or graphical accents.

accent

#8A816C - A muted, earthy grey-green that adds a subtle touch of warmth and sophistication, ideal for interactive elements or subtle highlights.

background

#E0EBD8 - A very light, almost off-white green, providing a clean and calming canvas for content, ensuring readability without being stark.

text

#1A4314 - Use this deep green for main body text against lighter backgrounds like #E0EBD8 to ensure excellent readability and maintain the palette's natural feel.

Accessibility notes

  • Ensure sufficient contrast between #1A4314 text and #E0EBD8 background for WCAG AA compliance.
  • Avoid using #8A816C for small text on #B9C4A6 background due to potential low contrast.
  • Use #4A6F3F for larger headings or graphical elements when placed on #E0EBD8 to enhance visibility.
  • For interactive elements, ensure focus states provide clear visual distinction with a contrasting border or fill.

Recommended combinations

Forest Depths

Ideal for website headers or hero sections, with #1A4314 as background, #4A6F3F for subheadings, and #E0EBD8 for primary text.

#1A4314 · #4A6F3F · #E0EBD8

Gentle Earth

Excellent for subtle graphical elements, infographics, or soft background gradients that require a natural, muted transition.

#B9C4A6 · #8A816C · #4A6F3F

Tranquil Path

A clean and readable combination for body content, using #E0EBD8 as background, #1A4314 for text, and #8A816C for emphasis or links.

#E0EBD8 · #1A4314 · #8A816C

CSS variables

:root {
  --verdant-grove-hush-1: #1A4314;
  --verdant-grove-hush-2: #4A6F3F;
  --verdant-grove-hush-3: #8A816C;
  --verdant-grove-hush-4: #B9C4A6;
  --verdant-grove-hush-5: #E0EBD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-grove-hush": {
        1: "#1A4314",
        2: "#4A6F3F",
        3: "#8A816C",
        4: "#B9C4A6",
        5: "#E0EBD8",
      }
    }
  }
}

Related searches

serene green color schemeearthy nature palettecalm forest colorsmuted green brandingorganic design hues

Palette colors

Hex values

Color 1#1A4314
·
Color 2#4A6F3F
·
Color 3#8A816C
·
Color 4#B9C4A6
·
Color 5#E0EBD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.9:1Fail
6.2:1AA
9.2:1AAA
2
2:1Fail
1.5:1Fail
3.2:1AA18
4.7:1AA
3
2.9:1Fail
1.5:1Fail
2.1:1Fail
3.1:1AA18
4
6.2:1AA
3.2:1AA18
2.1:1Fail
1.5:1Fail
5
9.2:1AAA
4.7:1AA
3.1:1AA18
1.5:1Fail

Similar palettes

More like Verdant Grove Hush

View all earth
Mossy Glen Hush
Verdant Moss Whisper
Ancient Grove Calm
Ancient Moss Rune
Bamboo Grove
Canopy Whisper Deep