Back to palettes

Palette

Verdant Glen Fern

Deep and calming greens evoke the cool, shaded undergrowth of a thriving forest glade filled with ferns.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Glen Fern 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 Glen Fern.

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

Data visualization

#2C4234#4F705B#8CAE9A#CDE0D4#3B5A41

Palette guide

How to use Verdant Glen Fern

Overview

The Verdant Glen Fern palette offers a deeply calming and sophisticated collection of desaturated greens, inspired by the cool, shaded undergrowth of a fern-filled forest glade. Ranging from the profound Deep Forest Green #2C4234 to the ethereal Very Pale Green-Blue #CDE0D4, this palette creates an atmosphere of quiet tranquility and natural elegance. The Muted Pine Green #4F705B provides a rich mid-tone, complemented by the soft Light Sage Green #8CAE9A. With the grounding Dark Slate Green #3B5A41, designers and developers can craft immersive digital experiences that feel serene, refined, and deeply connected to nature's quiet beauty, perfect for sophisticated and eco-conscious projects.

Best used for

  • Luxury spa and wellness brands
  • High-end natural product packaging
  • Architectural and interior design portfolios
  • Environmental research institutions
  • Art and photography websites
  • Mindfulness and meditation apps

Suggested color roles

primary

#2C4234 (Deep Forest Green) - Ideal for foundational elements, large headers, or sophisticated background sections, establishing a sense of depth and elegance.

secondary

#4F705B (Muted Pine Green) - Use for subheadings, navigation elements, or content panels, providing a harmonious and rich supporting tone.

accent

#3B5A41 (Dark Slate Green) - A subtle yet distinctive accent for interactive elements, icons, or subtle highlights, maintaining the palette's muted feel.

background

#8CAE9A (Light Sage Green) - A soft and calming background for main content areas, offering excellent readability for darker text.

text

#2C4234 (Deep Forest Green) - Provides superior contrast for body text against lighter backgrounds like #8CAE9A or #CDE0D4, ensuring clarity.

Accessibility notes

  • #CDE0D4 as a background requires extremely dark text, such as #2C4234, for sufficient contrast.
  • Ensure adequate contrast for text when using #8CAE9A as a background; darker text is preferred.
  • #2C4234 and #4F705B offer good contrast with white or light grey text for headings.
  • Avoid placing light greens like #8CAE9A directly over #CDE0D4 for small text due to potential readability issues.

Recommended combinations

Glen Depths

Creates a sophisticated, moody backdrop for luxury brands or art galleries.

#2C4234 · #4F705B · #3B5A41

Fern Light

Light and airy interfaces for wellness apps or tranquil digital experiences.

#CDE0D4 · #8CAE9A · #4F705B

Shaded Path

Elegant and understated designs for editorial content or eco-conscious branding.

#3B5A41 · #2C4234 · #8CAE9A

CSS variables

:root {
  --verdant-glen-fern-1: #2C4234;
  --verdant-glen-fern-2: #4F705B;
  --verdant-glen-fern-3: #8CAE9A;
  --verdant-glen-fern-4: #CDE0D4;
  --verdant-glen-fern-5: #3B5A41;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-glen-fern": {
        1: "#2C4234",
        2: "#4F705B",
        3: "#8CAE9A",
        4: "#CDE0D4",
        5: "#3B5A41",
      }
    }
  }
}

Related searches

fern green color palettemuted forest greenscalming natural colorsdeep sage green schemesophisticated nature branding

Palette colors

Hex values

Color 1#2C4234
·
Color 2#4F705B
·
Color 3#8CAE9A
·
Color 4#CDE0D4
·
Color 5#3B5A41
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.5:1AA18
7.9:1AAA
1.4:1Fail
2
2:1Fail
2.3:1Fail
4:1AA18
1.4:1Fail
3
4.5:1AA18
2.3:1Fail
1.8:1Fail
3.2:1AA18
4
7.9:1AAA
4:1AA18
1.8:1Fail
5.6:1AA
5
1.4:1Fail
1.4:1Fail
3.2:1AA18
5.6:1AA

Similar palettes

More like Verdant Glen Fern

View all earth
Emerald Enclave Moss
Emerald Moss Canopy
Enchanted Forest Lumina
Forest Floor Canopy
Forest Floor Gems
Forest Fungi Moss