Back to palettes

Palette

Enchanted Glade Dew

A lush, invigorating palette capturing the vibrant greens of a mossy forest floor sparkling with morning dew.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Glade Dew 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 Glade Dew.

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

Data visualization

#6B8E23#ADFF2F#9ACD32#8FBC8F#3CB371

Palette guide

How to use Enchanted Glade Dew

Overview

The Enchanted Glade Dew palette is a lush, invigorating collection capturing the vibrant greens of a mossy forest floor sparkling with morning dew. Featuring a rich olive green #6B8E23, a bright lime green #ADFF2F, and a fresh sea green #3CB371, this palette is full of natural vitality. It's an excellent choice for designers and developers crafting eco-conscious branding, outdoor adventure applications, or children's nature books. The energetic blend of verdant tones creates a lively and refreshing visual experience, perfect for conveying growth, freshness, and understated magic.

Best used for

  • Eco-conscious and organic branding
  • Outdoor adventure mobile applications
  • Fresh food packaging design
  • Children's nature books and media
  • Spring and summer themed designs
  • Vibrant garden design and landscaping

Suggested color roles

primary

Use #3CB371 as a deep, grounding primary color for main layouts, headers, or important components.

secondary

Apply #6B8E23 for rich, supportive mossy green elements, larger text blocks, or backgrounds with a natural feel.

accent

Introduce #ADFF2F as a bright, dewy highlight for calls-to-action, interactive elements, or focal points.

background

Consider #9ACD32 for lively, fresh backgrounds, or pair with a very light neutral to allow the greens to pop.

text

Dark charcoal or black works best for text on lighter shades like #ADFF2F and #9ACD32. White text is effective on #3CB371.

Accessibility notes

  • Ensure high contrast for text on #ADFF2F and #9ACD32; use a very dark green or black.
  • Avoid using light green text on light green backgrounds; always aim for significant contrast.
  • White text on #3CB371 and #6B8E23 offers good readability for headings or important information.
  • Test color pairings thoroughly to ensure legibility across different screen types and lighting conditions.

Recommended combinations

Vibrant Glade

A dynamic combination for hero sections, balancing deep greens with a luminous, dewy highlight.

#3CB371 · #ADFF2F · #6B8E23

Dewy Freshness

Create harmonious green layers, ideal for content blocks or illustrations, evoking new growth.

#9ACD32 · #8FBC8F · #ADFF2F

Lush Layers

Highlight key elements or calls-to-action with the brightest green, grounded by deeper tones.

#6B8E23 · #3CB371 · #9ACD32

CSS variables

:root {
  --enchanted-glade-dew-2-1: #6B8E23;
  --enchanted-glade-dew-2-2: #ADFF2F;
  --enchanted-glade-dew-2-3: #9ACD32;
  --enchanted-glade-dew-2-4: #8FBC8F;
  --enchanted-glade-dew-2-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-glade-dew-2": {
        1: "#6B8E23",
        2: "#ADFF2F",
        3: "#9ACD32",
        4: "#8FBC8F",
        5: "#3CB371",
      }
    }
  }
}

Related searches

vibrant green color palettedewy forest colorsfresh nature brandingenchanted glade UIspring woodland scheme

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#ADFF2F
·
Color 3#9ACD32
·
Color 4#8FBC8F
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
2:1Fail
1.8:1Fail
1.4:1Fail
2
3.1:1AA18
1.5:1Fail
1.8:1Fail
2.2:1Fail
3
2:1Fail
1.5:1Fail
1.1:1Fail
1.4:1Fail
4
1.8:1Fail
1.8:1Fail
1.1:1Fail
1.2:1Fail
5
1.4:1Fail
2.2:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Enchanted Glade Dew

View all earth