Back to palettes

Palette

Lush Fern Canopy

Deep and earthy greens replicate the vibrant, shaded hues found beneath a lush forest fern canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lush Fern Canopy 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 Lush Fern Canopy.

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

Data visualization

#1A3E2A#2F5C3E#477A56#6A9C71#92C08A

Palette guide

How to use Lush Fern Canopy

Overview

The Lush Fern Canopy palette offers a beautiful spectrum of deep and earthy greens, perfectly replicating the vibrant, shaded hues found beneath a lush forest fern canopy. From the profound #1A3E2A to the versatile #2F5C3E and #477A56, leading to the softer #6A9C71 and the airy #92C08A, this collection is ideal for designers and developers seeking to evoke nature, tranquility, and organic growth. Its harmonious blend of forest greens creates a calming yet rich visual experience, perfect for projects that aim to connect users with serene natural environments, promoting a sense of peace and ecological mindfulness.

Best used for

  • Nature-themed websites and blogs
  • Eco-friendly product branding and packaging
  • Wellness and mindfulness applications
  • Outdoor lifestyle and adventure platforms
  • Botanical gardens and plant nursery branding
  • Environmental conservation initiatives

Suggested color roles

primary

Use #1A3E2A as a deep, anchoring primary for main sections, headers, or strong brand elements, signifying stability and lushness.

secondary

Apply #2F5C3E for supportive content, subheadings, or secondary calls-to-action, offering a slightly lighter, organic presence.

accent

Employ #6A9C71 to subtly highlight interactive elements, key information, or decorative details, bringing a fresh, natural touch.

background

Utilize #92C08A for a soft, inviting background, creating a light and airy feel, or #1A3E2A for a deep, immersive experience.

text

For optimal readability, use white or a very light grey text on darker backgrounds like #1A3E2A or #2F5C3E, and #1A3E2A on #92C08A.

Accessibility notes

  • Ensure white text on #1A3E2A or #2F5C3E backgrounds meets WCAG AA contrast standards.
  • Avoid pairing #477A56 and #6A9C71 for small text or critical information due to potentially insufficient contrast.
  • Test all text and interactive element contrasts across various devices and lighting conditions for universal legibility.
  • Consider providing alternative text styles or color choices for users with color vision deficiencies.

Recommended combinations

Deep Fern

Ideal for a dark, calming theme, with a deep background, light accent, and a mid-green for supporting details.

#1A3E2A · #92C08A · #477A56

Canopy Light

Excellent for vibrant content areas, using a light green base, deep text/elements, and a softer green accent.

#92C08A · #1A3E2A · #6A9C71

Earthy Layers

Suitable for organic branding, with a mid-green base, lighter accents, and a deep green for strong statements.

#2F5C3E · #6A9C71 · #1A3E2A

CSS variables

:root {
  --lush-fern-canopy-1: #1A3E2A;
  --lush-fern-canopy-2: #2F5C3E;
  --lush-fern-canopy-3: #477A56;
  --lush-fern-canopy-4: #6A9C71;
  --lush-fern-canopy-5: #92C08A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-fern-canopy": {
        1: "#1A3E2A",
        2: "#2F5C3E",
        3: "#477A56",
        4: "#6A9C71",
        5: "#92C08A",
      }
    }
  }
}

Related searches

lush green nature palettefern forest color schemecalming green UI designearthy botanical brandingnatural growth web colors

Palette colors

Hex values

Color 1#1A3E2A
·
Color 2#2F5C3E
·
Color 3#477A56
·
Color 4#6A9C71
·
Color 5#92C08A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.7:1AA18
5.7:1AA
2
1.5:1Fail
1.5:1Fail
2.4:1Fail
3.7:1AA18
3
2.4:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.7:1AA18
2.4:1Fail
1.6:1Fail
1.5:1Fail
5
5.7:1AA
3.7:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Lush Fern Canopy

View all earth
Deep Forest Emerald
Emerald Isle
Forest Canopy Echoes
Forest Canopy Light
Forest Fern Canopy
Forest Floor Echo