Back to palettes

Palette

Enchanted Forest Bloom

Lush greens and soft yellows, like sun-dappled new growth in a magical, ancient forest.

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

#7A9F5C#C3E2AA#5E7A4C#3F5233#A5C78E

Palette guide

How to use Enchanted Forest Bloom

Overview

The Enchanted Forest Bloom palette captures the essence of sun-dappled new growth in a magical, ancient forest. This earthy collection features lush greens from the deep #3F5233 and balanced #5E7A4C, transitioning to the vibrant #7A9F5C and airy #A5C78E, with the lightest highlight of #C3E2AA. This palette is exceptionally useful for designers and developers aiming to create natural, serene, and subtly magical digital experiences. It excels in themes related to organic beauty, spring, and tranquil woodland settings, offering a harmonious and refreshing visual narrative.

Best used for

  • Nature-inspired branding and logos
  • Gardening or botanical websites
  • Eco-conscious product packaging
  • Serene wellness app interfaces
  • Digital art with lush forest themes
  • Spring-themed marketing materials

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between the light #C3E2AA and darker greens like #3F5233 for all text and interactive elements.
  • Verify that #A5C78E has adequate contrast against its background if used for critical information or small text.
  • Avoid using #7A9F5C and #5E7A4C 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

Sun-Dappled Canopy

Ideal for creating depth and a natural gradient in hero sections or environmental designs.

#3F5233 · #5E7A4C · #7A9F5C

New Growth

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

#7A9F5C · #A5C78E · #C3E2AA

Verdant Harmony

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

#5E7A4C · #C3E2AA · #3F5233

CSS variables

:root {
  --enchanted-forest-bloom-1: #7A9F5C;
  --enchanted-forest-bloom-2: #C3E2AA;
  --enchanted-forest-bloom-3: #5E7A4C;
  --enchanted-forest-bloom-4: #3F5233;
  --enchanted-forest-bloom-5: #A5C78E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-bloom": {
        1: "#7A9F5C",
        2: "#C3E2AA",
        3: "#5E7A4C",
        4: "#3F5233",
        5: "#A5C78E",
      }
    }
  }
}

Related searches

lush green yellow palettesun dappled forest colorsmagical spring brandingnatural serene UI designearthy green web scheme

Palette colors

Hex values

Color 1#7A9F5C
·
Color 2#C3E2AA
·
Color 3#5E7A4C
·
Color 4#3F5233
·
Color 5#A5C78E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.6:1Fail
2.8:1Fail
1.6:1Fail
2
2.1:1Fail
3.4:1AA18
6:1AA
1.3:1Fail
3
1.6:1Fail
3.4:1AA18
1.8:1Fail
2.6:1Fail
4
2.8:1Fail
6:1AA
1.8:1Fail
4.5:1AA
5
1.6:1Fail
1.3:1Fail
2.6:1Fail
4.5:1AA

Similar palettes

More like Enchanted Forest Bloom

View all earth
Enchanted Forest Bloom
Enchanted Forest Bloom
Enchanted Forest Canopy
Enchanted Forest Glow
Enchanted Forest Realm
Enchanted Forest Ring