Back to palettes

Palette

Enchanted Forest Bloom

Soft, dappled greens and delicate creams suggest a mystical forest awakening with subtle light and life.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A4E33#6A8C64#A7D19E#E3F7E0#4A3B2F

Palette guide

How to use Enchanted Forest Bloom

Overview

The Enchanted Forest Bloom palette captures the delicate beauty of a mystical forest awakening with subtle light and life. It features soft, dappled greens from the deep #3A4E33 and balanced #6A8C64, transitioning to the airy #A7D19E and #E3F7E0 (near-white), grounded by the rich #4A3B2F (dark brown). This palette is excellent for designers and developers seeking to create natural, tranquil, and subtly magical digital experiences. It brings a sense of calm and organic warmth to branding, web interfaces, and illustrations, especially those with an earthy, ethereal aesthetic.

Best used for

  • Organic product branding
  • Nature photography portfolios
  • Gentle wellness applications
  • Earthy web design themes
  • Digital art with a soft, ethereal glow
  • Book covers for fantasy or nature genres

Suggested color roles

primary

Utilize #3A4E33 as the foundational color for main backgrounds, headers, or robust branding elements, establishing a deep, natural anchor.

secondary

Apply #6A8C64 for supporting content areas, subheadings, or secondary UI components, offering a balanced, earthy green.

accent

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

background

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

text

For body text, a dark, readable color like #3A4E33 or #4A3B2F provides excellent contrast on lighter backgrounds. On darker shades, a soft white or #E3F7E0 offers clear readability.

Accessibility notes

  • Ensure sufficient contrast between the light #E3F7E0 and darker colors like #3A4E33 or #4A3B2F for all text.
  • Verify that #A7D19E has adequate contrast against its background if used for critical information or small text.
  • Avoid using #6A8C64 and #A7D19E for adjacent, distinct elements without careful contrast checking due to similar lightness.
  • Test all color combinations with WCAG contrast checkers to ensure accessibility for users with varying visual needs.

Recommended combinations

Dappled Light

Ideal for creating depth and a natural gradient in hero sections or landscape illustrations.

#3A4E33 · #6A8C64 · #A7D19E

Earthy Glow

Perfect for backgrounds with a soft, natural highlight, grounded by a rich, dark accent.

#A7D19E · #E3F7E0 · #4A3B2F

Mystic Roots

Effective for designs requiring a strong earthy base with verdant mid-tones and bright, clean highlights.

#4A3B2F · #6A8C64 · #E3F7E0

CSS variables

:root {
  --enchanted-forest-bloom-4-1: #3A4E33;
  --enchanted-forest-bloom-4-2: #6A8C64;
  --enchanted-forest-bloom-4-3: #A7D19E;
  --enchanted-forest-bloom-4-4: #E3F7E0;
  --enchanted-forest-bloom-4-5: #4A3B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-bloom-4": {
        1: "#3A4E33",
        2: "#6A8C64",
        3: "#A7D19E",
        4: "#E3F7E0",
        5: "#4A3B2F",
      }
    }
  }
}

Related searches

soft green brown palettemystical forest awakening colorsnatural light brandingearthy tranquil UI designdappled light web scheme

Palette colors

Hex values

Color 1#3A4E33
·
Color 2#6A8C64
·
Color 3#A7D19E
·
Color 4#E3F7E0
·
Color 5#4A3B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5.3:1AA
8:1AAA
1.2:1Fail
2
2.4:1Fail
2.2:1Fail
3.4:1AA18
2.8:1Fail
3
5.3:1AA
2.2:1Fail
1.5:1Fail
6.3:1AA
4
8:1AAA
3.4:1AA18
1.5:1Fail
9.5:1AAA
5
1.2:1Fail
2.8:1Fail
6.3:1AA
9.5:1AAA

Similar palettes

More like Enchanted Forest Bloom

View all earth
Enchanted Forest Bloom
Enchanted Forest Realm
Enchanted Glade Dew
Enchanted Grove
Ancient Jade Temple
Botanical Sketchbook