Back to palettes

Palette

Enchanted Forest Canopy

A verdant cascade of deep to light greens, reminiscent of sunlight filtering through leaves.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Forest 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 Enchanted Forest Canopy.

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

Data visualization

#006400#228B22#3CB371#66CDAA#90EE90

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette presents a verdant cascade of deep to light greens, reminiscent of sunlight filtering through lush leaves. It features the profound #006400 (Dark Green) and #228B22 (Forest Green), complemented by the vibrant #3CB371 (Medium Sea Green) and lighter #66CDAA (Medium Aquamarine), culminating in the ethereal #90EE90 (Light Green). This palette is ideal for designers and developers aiming to create natural, vibrant, and refreshing digital experiences. It offers a dynamic spectrum for themes of growth, vitality, and magical nature, ensuring an engaging visual narrative across various applications.

Best used for

  • Nature-themed websites or applications
  • Eco-friendly or organic brand identities
  • Fantasy game UI or environment art
  • Children's book illustrations
  • Digital art evoking magic and growth
  • Wellness and holistic product packaging

Suggested color roles

primary

Utilize #006400 as the foundational color for main backgrounds, headers, or robust branding elements, establishing deep natural authority.

secondary

Apply #228B22 for supporting content areas, subheadings, or secondary UI components, offering a balanced, vibrant green.

accent

Reserve #90EE90 for subtle highlights, interactive elements, or delicate decorative details, providing a fresh, gentle lift.

background

Choose #90EE90 for light, expansive backgrounds that enhance readability and create an airy, serene atmosphere.

text

For body text, a dark, readable color like #006400 or a deep charcoal provides excellent contrast on lighter backgrounds. On darker shades, a soft white or #90EE90 offers clear readability.

Accessibility notes

  • Ensure sufficient contrast between the lightest green (#90EE90) and darkest green (#006400) for text and interactive elements.
  • Be mindful of contrast between adjacent mid-tones like #228B22 and #3CB371 if used for crucial distinctions.
  • Verify that text on #66CDAA (a lighter green) uses a dark enough color to meet WCAG AA standards.
  • Test all color combinations with accessibility tools to confirm readability for users with various visual impairments.

Recommended combinations

Verdant Depths

Ideal for creating a sense of profound depth and natural progression in main sections or branding elements.

#006400 · #228B22 · #3CB371

Sunlit Leaves

Perfect for light, refreshing backgrounds or subtle overlays that evoke freshness and vitality.

#3CB371 · #66CDAA · #90EE90

Magical Glow

Effective for designs requiring a balanced blend of vibrant mid-tones with grounding deep greens and soft highlights.

#228B22 · #90EE90 · #006400

CSS variables

:root {
  --enchanted-forest-canopy-4-1: #006400;
  --enchanted-forest-canopy-4-2: #228B22;
  --enchanted-forest-canopy-4-3: #3CB371;
  --enchanted-forest-canopy-4-4: #66CDAA;
  --enchanted-forest-canopy-4-5: #90EE90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy-4": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#90EE90",
      }
    }
  }
}

Related searches

vibrant green color palettesunlight forest colorslush nature brandingmagical growth UI designverdant web scheme

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#66CDAA
·
Color 5#90EE90
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
3.9:1AA18
5.2:1AA
2
1.7:1Fail
1.6:1Fail
2.3:1Fail
3.1:1AA18
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
1.9:1Fail
4
3.9:1AA18
2.3:1Fail
1.4:1Fail
1.4:1Fail
5
5.2:1AA
3.1:1AA18
1.9:1Fail
1.4:1Fail

Similar palettes

More like Enchanted Forest Canopy

View all vibrant
Emerald Glade Lush
Forest Nymph Emerald
Jungle Canopy Splash
Jungle Emerald Vines
Lush Rainforest Glow
Rainforest Emerald Glade