Back to palettes

Palette

Woodland Fern Glade

The cool, damp, and shaded hues found beneath a dense forest canopy.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woodland Fern Glade 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 Woodland Fern Glade.

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

Data visualization

#228B22#3CB371#5F9EA0#8FBC8F#ADD8E6

Palette guide

How to use Woodland Fern Glade

Overview

The Woodland Fern Glade palette captures the cool, refreshing essence of a shaded forest, featuring a vibrant array of greens and calming blues. From the deep Forest Green (#228B22) and lively Medium Sea Green (#3CB371) to the serene Cadet Blue (#5F9EA0) and tranquil Dark Sea Green (#8FBC8F), these colors evoke lush foliage and misty air. The palette is brightened by a delicate Light Blue (#ADD8E6), reminiscent of clear sky peaking through the canopy. This collection is perfect for designers and developers aiming to convey freshness, natural tranquility, or an eco-conscious aesthetic, offering a harmonious blend of cool, organic hues.

Best used for

  • Eco-friendly brand identities and packaging
  • Spa and wellness websites or apps
  • Nature-themed educational materials
  • Outdoor adventure and tourism marketing
  • Botanical art and illustrations
  • Refreshing web or UI designs

Suggested color roles

primary

Forest Green (#228B22) serves as a robust primary, ideal for strong calls to action, main navigation, or key branding elements, conveying vitality and depth.

secondary

Medium Sea Green (#3CB371) offers a vibrant secondary, excellent for subheadings, interactive elements, or graphical accents that need to pop with freshness.

accent

Light Blue (#ADD8E6) provides a bright, airy accent, perfect for highlights, subtle backgrounds, or small decorative elements, adding a touch of lightness.

background

Dark Sea Green (#8FBC8F) offers a soft, natural background, suitable for content areas where a gentle, calming green base is desired.

text

Forest Green (#228B22) is an excellent choice for body text on lighter backgrounds like #ADD8E6 or #8FBC8F, ensuring good readability and maintaining the palette's theme.

Accessibility notes

  • Ensure #228B22 text on #ADD8E6 or #8FBC8F backgrounds meets WCAG AA contrast standards.
  • Avoid using #3CB371 on #8FBC8F for small text due to their relatively close luminance values.
  • For interactive elements, pair #228B22 with #ADD8E6 for clear visual distinction.
  • Consider larger font sizes for #5F9EA0 if used as headings on backgrounds like #8FBC8F.

Recommended combinations

Deep Fern

Strong green with a light blue accent and a vibrant secondary, for a fresh and dynamic look.

#228B22 · #ADD8E6 · #3CB371

Misty Glade

Cool blue-green with a softer green background and a deep green for grounding, creating a tranquil atmosphere.

#5F9EA0 · #8FBC8F · #228B22

Clear Stream

Light blue background with vibrant and cool greens for a clean, refreshing, and eco-conscious design.

#ADD8E6 · #3CB371 · #5F9EA0

CSS variables

:root {
  --woodland-fern-glade-1: #228B22;
  --woodland-fern-glade-2: #3CB371;
  --woodland-fern-glade-3: #5F9EA0;
  --woodland-fern-glade-4: #8FBC8F;
  --woodland-fern-glade-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-fern-glade": {
        1: "#228B22",
        2: "#3CB371",
        3: "#5F9EA0",
        4: "#8FBC8F",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

cool green blue palettefern colors schemefresh woodland greensnatural aqua foresteco friendly color palette

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#5F9EA0
·
Color 4#8FBC8F
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.4:1Fail
2:1Fail
2.9:1Fail
2
1.6:1Fail
1.1:1Fail
1.2:1Fail
1.7:1Fail
3
1.4:1Fail
1.1:1Fail
1.4:1Fail
2:1Fail
4
2:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
5
2.9:1Fail
1.7:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Woodland Fern Glade

View all cool
Tropical Mist Verdure
Coastal Seagrass Whisper
Dewdrop Emerald Vine
Emerald Bamboo Sway
Emerald Coastline Bloom
Emerald Grove Sanctuary