Palette

Mystic Woodland Lore

A tranquil blend of greens and soft greys, inspired by ancient, whispered woodland tales.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Woodland Lore 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 Mystic Woodland Lore.

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

Data visualization

#3A473E#5C6F61#8EA88E#A4C2A4#BEDBB0

Palette guide

How to use Mystic Woodland Lore

Overview

The Mystic Woodland Lore palette offers a tranquil blend of greens and soft greys, inspired by ancient, whispered woodland tales. This natural and enchanting collection includes shades like #3A473E, a deep green-gray, and #BEDBB0, a light, fresh green. Designers can create a sense of history and calm by leveraging the harmonious transitions between #5C6F61 and #8EA88E. The subtle lift provided by #A4C2A4 ensures that while the palette is earthy, it remains inviting and accessible. The full spectrum of #3A473E, #5C6F61, #8EA88E, #A4C2A4, and #BEDBB0 is perfect for projects seeking an organic, timeless feel, evoking the serene wisdom of an ancient forest.

Best used for

Historical fiction book covers and illustrations
Environmental conservation websites and campaigns
Artisanal craft branding and handmade goods
Nature-inspired lifestyle blogs and content
Educational materials about folklore or mythology
Eco-tourism marketing and travel brochures

Suggested color roles

primary

Designate #3A473E as the deep, grounding green-gray for prominent headings, main navigation, or brand identity.

secondary

Use #5C6F61 as a rich, earthy mid-tone for subheadings, secondary buttons, or large graphical elements.

accent

Apply #A4C2A4 for soft, natural highlights, interactive states, or subtle decorative elements.

background

Employ #BEDBB0 as a light, fresh base for main content areas, providing a clean and natural canvas.

text

Set body text and important labels in #3A473E for excellent legibility against lighter backgrounds like #BEDBB0.

Accessibility notes

The contrast between #3A473E and #BEDBB0 offers good readability for body text.
Ensure #5C6F61 on #BEDBB0 meets WCAG AA standards for larger text or UI elements.
Avoid using #A4C2A4 or #8EA88E for small text on #BEDBB0 due to potential contrast issues.
When layering lighter greens, such as #8EA88E on #A4C2A4, always check for sufficient contrast, especially for text.

Recommended combinations

Ancient Roots

Forms a robust, natural foundation for strong branding and clear content hierarchy.

#3A473E · #5C6F61 · #BEDBB0

Lore Whispers

Creates soft, ethereal UI elements and serene background textures.

#BEDBB0 · #A4C2A4 · #8EA88E

Forest Canopy

Provides depth with a gentle lift, suitable for layered graphic designs.

#5C6F61 · #3A473E · #A4C2A4

CSS variables

:root {
  --mystic-woodland-lore-1: #3A473E;
  --mystic-woodland-lore-2: #5C6F61;
  --mystic-woodland-lore-3: #8EA88E;
  --mystic-woodland-lore-4: #A4C2A4;
  --mystic-woodland-lore-5: #BEDBB0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woodland-lore": {
        1: "#3A473E",
        2: "#5C6F61",
        3: "#8EA88E",
        4: "#A4C2A4",
        5: "#BEDBB0",
      }
    }
  }
}

Hex values

Color 1#3A473E

Color 2#5C6F61

Color 3#8EA88E

Color 4#A4C2A4

Color 5#BEDBB0

Accessibility

Contrast checker

1.8:1Fail

3.8:1AA18

5:1AA

6.5:1AA

1.8:1Fail

2.1:1Fail

2.8:1Fail

3.6:1AA18

3.8:1AA18

2.1:1Fail

1.3:1Fail

1.7:1Fail

5:1AA

2.8:1Fail

1.3:1Fail

6.5:1AA

3.6:1AA18

1.7:1Fail

1.3:1Fail

Similar palettes

More like Mystic Woodland Lore

Mystic Woodland Lore

See it in context.

Ready when you are.

Built with Mystic Woodland Lore.

How to use Mystic Woodland Lore

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ancient Roots

Lore Whispers

Forest Canopy

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Mystic Woodland Lore