Back to palettes

Palette

Enchanted Forest Glade

Immerse yourself in the magical, sun-dappled greens of an ancient, mystical forest clearing.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A6E55#88A783#BFCBA2#2F4D3C#D8ECC8

Palette guide

How to use Enchanted Forest Glade

Overview

The Enchanted Forest Glade palette immerses you in the magical, sun-dappled greens of an ancient, mystical forest clearing. It features profound greens from #2F4D3C to #D8ECC8, with balanced mid-tones like #4A6E55, #88A783, and #BFCBA2. This collection is exceptionally useful for designers and developers seeking to create natural, serene, and subtly magical digital experiences. It provides a versatile spectrum for themes of growth, tranquility, and ancient wisdom, ensuring a fresh and inviting visual narrative across various applications, from branding to user interfaces.

Best used for

  • Eco-friendly and sustainable brand identities
  • Nature photography websites or apps
  • Wellness and mindfulness applications
  • Spring or summer themed marketing
  • Organic food product packaging
  • Digital art emphasizing lush greenery

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between the lightest green (#D8ECC8) and darkest green (#2F4D3C) for text and interactive elements.
  • Be mindful of contrast between adjacent mid-tones like #4A6E55 and #88A783 if used for crucial distinctions.
  • Verify that text on #BFCBA2 (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

Deep Forest Glade

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

#2F4D3C · #4A6E55 · #88A783

Sun-Dappled Clearing

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

#88A783 · #BFCBA2 · #D8ECC8

Mossy Enchantment

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

#4A6E55 · #D8ECC8 · #2F4D3C

CSS variables

:root {
  --enchanted-forest-glade-1: #4A6E55;
  --enchanted-forest-glade-2: #88A783;
  --enchanted-forest-glade-3: #BFCBA2;
  --enchanted-forest-glade-4: #2F4D3C;
  --enchanted-forest-glade-5: #D8ECC8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-glade": {
        1: "#4A6E55",
        2: "#88A783",
        3: "#BFCBA2",
        4: "#2F4D3C",
        5: "#D8ECC8",
      }
    }
  }
}

Related searches

green forest glade palettemossy nature colorsserene woodland brandingsun dappled UI designearthy mystical web scheme

Palette colors

Hex values

Color 1#4A6E55
·
Color 2#88A783
·
Color 3#BFCBA2
·
Color 4#2F4D3C
·
Color 5#D8ECC8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.4:1AA18
1.6:1Fail
4.6:1AA
2
2.2:1Fail
1.6:1Fail
3.5:1AA18
2.1:1Fail
3
3.4:1AA18
1.6:1Fail
5.5:1AA
1.4:1Fail
4
1.6:1Fail
3.5:1AA18
5.5:1AA
7.5:1AAA
5
4.6:1AA
2.1:1Fail
1.4:1Fail
7.5:1AAA

Similar palettes

More like Enchanted Forest Glade

View all earth
Verdant Glimmer Pool
Emerald Moss Canopy
Enchanted Grove
Mystic Glade Light
Mystic Grove
Sylph's Woodland Veil