Palette

Fae Woodland Enchant

Whimsical greens and misty blues, evoking the ethereal and enchanting atmosphere of a hidden fairy glade.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#3CB371#8FBC8F#90EE90#ADD8E6

Palette guide

How to use Fae Woodland Enchant

Overview

The Fae Woodland Enchant palette weaves a magical tapestry of greens and blues, perfect for projects seeking an ethereal and whimsical touch. Dominated by verdant hues like the deep Sea Green (#2E8B57) and vibrant Medium Sea Green (#3CB371), it's beautifully balanced by softer tones such as Light Green (#90EE90) and the misty Light Blue (#ADD8E6). This enchanting combination evokes hidden glades and mythical forests, offering designers a versatile range for creating serene yet playful visual experiences. Ideal for branding, digital interfaces, and print materials where a sense of calm magic and natural beauty is paramount, ensuring a memorable and captivating aesthetic.

Best used for

Nature-inspired brand identity
Children's book illustrations and publishing
Eco-conscious product packaging design
Fantasy-themed game UI/UX
Wellness or meditation app interfaces
Whimsical event invitations and decor

Suggested color roles

primary

Use #2E8B57 (Sea Green) as a strong, grounding anchor. Ideal for main headings, prominent buttons, or large brand elements to convey depth and natural authority.

secondary

#3CB371 (Medium Sea Green) provides a lively yet harmonious complement. Excellent for subheadings, secondary calls-to-action, or visual accents that need to stand out from the primary.

accent

#ADD8E6 (Light Blue) offers a delicate, ethereal pop. Perfect for subtle highlights, interactive states, decorative elements, or small illustrative details to add a touch of magic.

background

#90EE90 (Light Green) or #ADD8E6 (Light Blue) create a soft, airy backdrop. Use #ADD8E6 for a cool, misty feel, or #90EE90 for a gentle, fresh base, ensuring content remains legible.

text

For body text, use a dark, legible color like #2E8B57 (Sea Green) on light backgrounds, or a near-black charcoal (#333333) for maximum readability. For headings, #3CB371 can work on very light backgrounds.

Accessibility notes

Ensure sufficient contrast when using #90EE90 (Light Green) or #ADD8E6 (Light Blue) for text against white or very light backgrounds.
Pair darker greens like #2E8B57 with lighter shades such as #ADD8E6 or #90EE90 for accessible text-to-background contrast.
Avoid placing #90EE90 (Light Green) text directly on #ADD8E6 (Light Blue) without checking WCAG AA or AAA compliance.
Consider using a rich dark green like #2E8B57 or even black for primary body text to guarantee readability across all users.

Recommended combinations

Deep Forest

Ideal for robust branding, main navigational elements, or a sophisticated, nature-inspired visual identity.

#2E8B57 · #3CB371 · #8FBC8F

Misty Glade

Excellent for backgrounds, subtle UI elements, or creating a light, airy, and ethereal feel in digital and print designs.

#90EE90 · #ADD8E6 · #8FBC8F

Enchanted Dewdrop

Perfect for call-to-action buttons, interactive elements, or highlighting key information with a captivating yet clear contrast.

#2E8B57 · #ADD8E6 · #3CB371

CSS variables

:root {
  --fae-woodland-enchant-1: #2E8B57;
  --fae-woodland-enchant-2: #3CB371;
  --fae-woodland-enchant-3: #8FBC8F;
  --fae-woodland-enchant-4: #90EE90;
  --fae-woodland-enchant-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fae-woodland-enchant": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#8FBC8F",
        4: "#90EE90",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#2E8B57

Color 2#3CB371

Color 3#8FBC8F

Color 4#90EE90

Color 5#ADD8E6

Accessibility

Contrast checker

1.6:1Fail

2:1Fail

3:1Fail

2.8:1Fail

1.6:1Fail

1.2:1Fail

1.9:1Fail

1.7:1Fail

2:1Fail

1.2:1Fail

1.5:1Fail

1.4:1Fail

3:1Fail

1.9:1Fail

1.5:1Fail

1.1:1Fail

2.8:1Fail

1.7:1Fail

1.4:1Fail

1.1:1Fail

Similar palettes

More like Fae Woodland Enchant

View all pastel

Woodland Sprite's Dew

Enchanted Fairy Dust

Enchanted Fairy Forest

Faerie Glow Thicket

Fairy Garden Sprout

Enchanted Dewdrop Glen