Palette

Enchanted Forest Lumina

Deep, muted greens suggesting dappled light filtering through an old growth 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 Lumina 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 Lumina.

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

Data visualization

#5F8458#8FB185#3A5F3A#A6CE9E#254225

Palette guide

How to use Enchanted Forest Lumina

Overview

The Enchanted Forest Lumina palette evokes the serene feeling of dappled light filtering through an old growth forest canopy. Its deep, muted greens, ranging from the profound #254225 to the gentle #A6CE9E, create an atmosphere of quiet reflection and natural elegance. This palette is exceptionally useful for designers and developers working on projects that require an organic, heritage, or eco-conscious aesthetic. It's perfect for branding natural products, creating calming digital interfaces, or illustrating botanical themes, offering a sophisticated and timeless appeal.

Best used for

Natural and organic product lines
Rustic and heritage branding
Serene digital interfaces and apps
Botanical and nature-themed illustrations
Sustainable fashion design
Eco-friendly architectural visualizations

Suggested color roles

primary

Use #254225 as a deep, grounding primary color for headers, footers, or dominant brand elements.

secondary

Apply #3A5F3A for supportive elements, subheadings, or backgrounds that require a rich, earthy green.

accent

Introduce #8FB185 as a gentle accent for subtle highlights, interactive elements, or softer calls-to-action.

background

Utilize #A6CE9E for clean, muted backgrounds, providing a soft, diffused light effect for content.

text

Pair #254225 or a dark charcoal for primary text on light backgrounds like #A6CE9E. Use white for text on darker hues like #254225.

Accessibility notes

Ensure adequate contrast when placing #8FB185 text on #A6CE9E backgrounds; use for decorative elements or larger type.
White text on #254225 and #3A5F3A offers excellent readability for headings and important information.
Avoid using light greens for small text on similar light backgrounds to maintain legibility.
Test combinations of mid-tones like #5F8458 and #8FB185 to ensure sufficient contrast for all users.

Recommended combinations

Deep Forest

Ideal for creating a sense of depth and stability, perfect for primary content areas or branding.

#254225 · #3A5F3A · #5F8458

Dappled Light

Use for lighter sections, backgrounds, or illustrations to evoke a sense of soft, filtered light.

#A6CE9E · #8FB185 · #3A5F3A

Lumina Contrast

Combine the deepest and lightest hues for clear contrast, with a mid-tone for supportive elements.

#254225 · #A6CE9E · #5F8458

CSS variables

:root {
  --enchanted-forest-lumina-1: #5F8458;
  --enchanted-forest-lumina-2: #8FB185;
  --enchanted-forest-lumina-3: #3A5F3A;
  --enchanted-forest-lumina-4: #A6CE9E;
  --enchanted-forest-lumina-5: #254225;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-lumina": {
        1: "#5F8458",
        2: "#8FB185",
        3: "#3A5F3A",
        4: "#A6CE9E",
        5: "#254225",
      }
    }
  }
}

Hex values

Color 1#5F8458

Color 2#8FB185

Color 3#3A5F3A

Color 4#A6CE9E

Color 5#254225

Accessibility

Contrast checker

1.8:1Fail

1.7:1Fail

2.4:1Fail

2.6:1Fail

1.8:1Fail

3.1:1AA18

1.4:1Fail

4.7:1AA

1.7:1Fail

3.1:1AA18

4.2:1AA18

1.5:1Fail

2.4:1Fail

1.4:1Fail

4.2:1AA18

6.3:1AA

2.6:1Fail

4.7:1AA

1.5:1Fail

6.3:1AA

Similar palettes

More like Enchanted Forest Lumina

View all earth

Forest Whisper Canopy

Botanical Study Greens