Back to palettes

Palette

Enchanted Forest Canopy

Explores the hidden depths and vibrant life found within an ancient, sun-dappled forest canopy.

earthnatural5 colors
More earth 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

#228B22#3CB371#006400#4B3621#F0E68C

Palette guide

How to use Enchanted Forest Canopy

Overview

The Enchanted Forest Canopy palette explores the hidden depths and vibrant life found within an ancient, sun-dappled forest canopy. It features the profound #228B22 (Forest Green) and #006400 (Dark Green), complemented by the vibrant #3CB371 (Medium Sea Green), with a grounding #4B3621 (Dark Brown) and a striking accent of #F0E68C (Light Khaki). This palette is exceptionally useful for designers and developers crafting natural, magical, and robust digital experiences. It offers a rich visual narrative for themes of nature, heritage, and sophisticated fantasy, perfect for projects seeking an organic yet intriguing aesthetic.

Best used for

  • Nature-themed websites or applications
  • Eco-friendly or organic brand identities
  • Fantasy game UI or environment art
  • Children's book illustrations with a magical touch
  • Digital art evoking ancient woodlands
  • 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 #F0E68C for striking highlights, interactive elements, or delicate decorative details, providing a fresh, luminous pop.

background

Choose #4B3621 for a deep, grounding background that allows lighter greens and the khaki accent to pop, or a very light cream for enhanced readability.

text

For body text, a light color like soft white or #F0E68C provides excellent contrast on darker backgrounds. On lighter backgrounds (if used), a dark neutral like #4B3621 or black ensures readability.

Accessibility notes

  • Ensure sufficient contrast between the light #F0E68C and darker colors like #006400 or #4B3621 for all text and interactive elements.
  • Be mindful of contrast between adjacent dark tones like #228B22 and #006400 if used for crucial distinctions.
  • Verify that text on #3CB371 (a vibrant green) uses a dark enough color or light enough color with sufficient contrast.
  • Test all color combinations with accessibility tools to confirm readability for users with various visual impairments.

Recommended combinations

Deep Forest Glow

Ideal for creating a sense of profound depth and natural mystery with a luminous highlight.

#006400 · #228B22 · #F0E68C

Canopy Earth

Perfect for backgrounds or elements that require an earthy, grounded feel with vibrant green accents.

#4B3621 · #3CB371 · #228B22

Mystic Sunbeam

Effective for designs that need to balance deep, grounding tones with bright, airy accents for sophistication.

#F0E68C · #006400 · #4B3621

CSS variables

:root {
  --enchanted-forest-canopy-6-1: #228B22;
  --enchanted-forest-canopy-6-2: #3CB371;
  --enchanted-forest-canopy-6-3: #006400;
  --enchanted-forest-canopy-6-4: #4B3621;
  --enchanted-forest-canopy-6-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-canopy-6": {
        1: "#228B22",
        2: "#3CB371",
        3: "#006400",
        4: "#4B3621",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

forest green brown palettemagical canopy colorsdeep natural brandingdark green khaki UI designearthy mystical web scheme

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#006400
·
Color 4#4B3621
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.7:1Fail
2.6:1Fail
3.4:1AA18
2
1.6:1Fail
2.8:1Fail
4.3:1AA18
2.1:1Fail
3
1.7:1Fail
2.8:1Fail
1.5:1Fail
5.8:1AA
4
2.6:1Fail
4.3:1AA18
1.5:1Fail
8.9:1AAA
5
3.4:1AA18
2.1:1Fail
5.8:1AA
8.9:1AAA

Similar palettes

More like Enchanted Forest Canopy

View all earth
Ancient Forest Realm
Deep Forest Undergrowth
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Glow
Enchanted Forest Ring