Back to palettes

Palette

Enchanted Forest Bloom

A fresh, invigorating palette capturing the serene beauty of a waking 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

#2E5C3E#5A8F6A#A3C9A8#E0EACE#C2D9C5

Palette guide

How to use Enchanted Forest Bloom

Overview

The Enchanted Forest Bloom palette offers a fresh, invigorating blend of deep to light greens, capturing the serene beauty of a waking forest. Featuring the rich #2E5C3E and #5A8F6A, it transitions smoothly to the gentle #A3C9A8 and soft #C2D9C5, culminating in the airy #E0EACE. This palette is perfectly suited for designers and developers aiming to create natural, fresh, and calming digital experiences. It excels in themes related to growth, sustainability, spring, or any project desiring an organic, refreshing, and harmonious visual narrative.

Best used for

  • Eco-friendly brand identities
  • Gardening or nature-focused apps
  • Spring collection marketing materials
  • Wellness and natural product packaging
  • Serene website backgrounds
  • Digital illustrations with lush botanical themes

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between the light #E0EACE and darker greens like #2E5C3E for all text and interactive elements.
  • Verify that #A3C9A8 has adequate contrast against its background if used for critical information or small text.
  • Avoid using #5A8F6A and #A3C9A8 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

Waking Forest

Ideal for creating a sense of depth and natural progression in branding or sophisticated UI elements.

#2E5C3E · #5A8F6A · #A3C9A8

Spring Dew

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

#A3C9A8 · #E0EACE · #C2D9C5

Verdant Harmony

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

#5A8F6A · #C2D9C5 · #2E5C3E

CSS variables

:root {
  --enchanted-forest-bloom-3-1: #2E5C3E;
  --enchanted-forest-bloom-3-2: #5A8F6A;
  --enchanted-forest-bloom-3-3: #A3C9A8;
  --enchanted-forest-bloom-3-4: #E0EACE;
  --enchanted-forest-bloom-3-5: #C2D9C5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-bloom-3": {
        1: "#2E5C3E",
        2: "#5A8F6A",
        3: "#A3C9A8",
        4: "#E0EACE",
        5: "#C2D9C5",
      }
    }
  }
}

Related searches

fresh green color palettewaking forest colorsnatural growth brandingserene spring UI designearthy green web scheme

Palette colors

Hex values

Color 1#2E5C3E
·
Color 2#5A8F6A
·
Color 3#A3C9A8
·
Color 4#E0EACE
·
Color 5#C2D9C5
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.2:1AA18
6.2:1AA
5.2:1AA
2
2.1:1Fail
2.1:1Fail
3:1AA18
2.5:1Fail
3
4.2:1AA18
2.1:1Fail
1.5:1Fail
1.2:1Fail
4
6.2:1AA
3:1AA18
1.5:1Fail
1.2:1Fail
5
5.2:1AA
2.5:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Enchanted Forest Bloom

View all earth
Jade Canopy Serene
Verdant Canopy Glimmer
Verdant Canopy Light
Verdant Sanctuary
Ancient Jade Temple
Botanical Groundcover Greens