Back to palettes

Palette

Woodland Fae

Inspired by a hidden fae realm, with dappled sunlight through leaves and soft, ancient moss.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C2B280#A9B172#748A42#4A6741#2F3E32

Palette guide

How to use Woodland Fae

Overview

The Woodland Fae palette embodies the serene, earthy essence of a hidden forest realm, perfect for designs seeking a natural and calming aesthetic. It features a range of deep, grounded greens and a warm, inviting tan. From the dark, almost mystical #2F3E32 and the rich Forest Green (#4A6741) to the more vibrant Olive Drab (#748A42) and muted Khaki (#A9B172), the greens mimic dappled sunlight through leaves and ancient moss. The palette is softened by a delicate Light Khaki (#C2B280), providing a gentle contrast. This collection is ideal for designers and developers aiming for an organic, sophisticated, and tranquil visual experience.

Best used for

  • Nature-inspired branding and logos
  • Eco-friendly product packaging
  • Wellness and meditation app interfaces
  • Outdoor lifestyle blogs and websites
  • Botanical illustrations and garden designs
  • Organic food and beverage branding

Suggested color roles

primary

Forest Green (#4A6741) serves as a strong, grounding primary, excellent for headings, main navigation, or key graphical elements, conveying stability and nature.

secondary

Olive Drab (#748A42) offers a vibrant yet earthy secondary, suitable for subheadings, active states, or supporting visual elements, adding depth.

accent

Light Khaki (#C2B280) provides a soft, warm highlight, perfect for subtle accents, buttons, or decorative elements, creating visual interest.

background

Khaki (#A9B172) offers a muted, natural background, ideal for content areas where a gentle, organic feel is desired without being too dark.

text

The darkest shade, #2F3E32, is excellent for body text, ensuring high readability against lighter backgrounds like #C2B280 or #A9B172.

Accessibility notes

  • Ensure text using #2F3E32 on #C2B280 or #A9B172 backgrounds meets WCAG contrast standards.
  • Avoid using #A9B172 on #C2B280 for small text due to their close luminance values.
  • For interactive elements, pair #4A6741 with #C2B280 for clear visual feedback.
  • Consider using a larger font size for #748A42 if placed on a similar mid-tone background.

Recommended combinations

Moss & Stone

Deep green with a warm tan highlight and dark text, evoking a natural, grounded feel.

#4A6741 · #C2B280 · #2F3E32

Dappled Light

A harmonious blend of greens with a dark accent, ideal for subtle gradients and natural textures.

#748A42 · #A9B172 · #2F3E32

Hidden Glade

Light background with deep and mid-greens for a refreshing and organic layout.

#C2B280 · #4A6741 · #748A42

CSS variables

:root {
  --woodland-fae-1: #C2B280;
  --woodland-fae-2: #A9B172;
  --woodland-fae-3: #748A42;
  --woodland-fae-4: #4A6741;
  --woodland-fae-5: #2F3E32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-fae": {
        1: "#C2B280",
        2: "#A9B172",
        3: "#748A42",
        4: "#4A6741",
        5: "#2F3E32",
      }
    }
  }
}

Related searches

earthy green color paletteforest moss colorsnatural serene palettemuted woodland greensorganic nature tones

Palette colors

Hex values

Color 1#C2B280
·
Color 2#A9B172
·
Color 3#748A42
·
Color 4#4A6741
·
Color 5#2F3E32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.8:1Fail
3:1AA18
5.4:1AA
2
1.1:1Fail
1.7:1Fail
2.8:1Fail
5:1AA
3
1.8:1Fail
1.7:1Fail
1.6:1Fail
2.9:1Fail
4
3:1AA18
2.8:1Fail
1.6:1Fail
1.8:1Fail
5
5.4:1AA
5:1AA
2.9:1Fail
1.8:1Fail

Similar palettes

More like Woodland Fae

View all earth
Emerald Enclave Moss
Emerald Moss Canopy
Emerald Moss Canopy
Enchanted Forest Glade
Enchanted Forest Lumina
Enchanted Grove