Back to palettes

Palette

Emerald Glade Lush

A richly verdant palette, depicting a dense, thriving glade bursting with life and natural beauty.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Glade Lush 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 Emerald Glade Lush.

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

Data visualization

#90EE90#3CB371#2E8B57#228B22#006400

Palette guide

How to use Emerald Glade Lush

Overview

The Emerald Glade Lush palette offers a vibrant and deeply verdant spectrum of greens, capturing the essence of a thriving, sun-dappled forest. Ranging from the bright, almost neon #90EE90 to the rich, foundational #006400, and including the balanced tones of #3CB371, #2E8B57, and #228B22, this collection is perfect for conveying vitality and natural abundance. It’s an excellent choice for environmental initiatives, outdoor adventure brands, or any design seeking to evoke freshness, growth, and a connection to nature. The diversity in shades allows for dynamic visual hierarchies, from bright highlights to deep, anchoring elements, ensuring a lush and engaging user experience.

Best used for

  • Environmental conservation websites
  • Outdoor adventure gear branding
  • Garden and landscaping services
  • Health and wellness product packaging
  • Nature photography portfolios
  • Educational content on botany

Suggested color roles

primary

Use #006400 as a strong, deep base for main headings, important sections, or primary branding.

secondary

Employ #228B22 as a supportive, rich green for sub-sections, active states, or secondary UI elements.

accent

Apply #90EE90 as a bright, energetic highlight for calls-to-action, alerts, or key information.

background

Utilize #3CB371 as a mid-tone, fresh background for content areas, providing energy without being too dark.

text

Pair #006400 with lighter greens or white for excellent contrast and readability.

Accessibility notes

  • #90EE90 may require darker text (like #006400 or black) to ensure readability against light backgrounds.
  • Ensure good contrast when using #3CB371 as a background for text, especially for smaller fonts.
  • Avoid pairing #2E8B57 and #228B22 for small text due to their close luminance and potential low contrast.
  • Always verify text contrast ratios for WCAG AA compliance, especially with the brighter greens.

Recommended combinations

Vibrant Canopy

Creates a lively, energetic feel, suitable for headers and feature sections.

#006400 · #3CB371 · #90EE90

Forest Trail

Good for navigation elements or icons where distinct but harmonious shades are needed.

#2E8B57 · #228B22 · #90EE90

Lush Growth

Perfect for illustrating growth, vitality, or progressive steps in an application.

#3CB371 · #006400 · #90EE90

CSS variables

:root {
  --emerald-glade-lush-1: #90EE90;
  --emerald-glade-lush-2: #3CB371;
  --emerald-glade-lush-3: #2E8B57;
  --emerald-glade-lush-4: #228B22;
  --emerald-glade-lush-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-glade-lush": {
        1: "#90EE90",
        2: "#3CB371",
        3: "#2E8B57",
        4: "#228B22",
        5: "#006400",
      }
    }
  }
}

Related searches

lush green color schemevibrant forest palettenature-inspired ui colorsemerald green brandinggarden design color ideas

Palette colors

Hex values

Color 1#90EE90
·
Color 2#3CB371
·
Color 3#2E8B57
·
Color 4#228B22
·
Color 5#006400
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3:1Fail
3.1:1AA18
5.2:1AA
2
1.9:1Fail
1.6:1Fail
1.6:1Fail
2.8:1Fail
3
3:1Fail
1.6:1Fail
1:1Fail
1.8:1Fail
4
3.1:1AA18
1.6:1Fail
1:1Fail
1.7:1Fail
5
5.2:1AA
2.8:1Fail
1.8:1Fail
1.7:1Fail

Similar palettes

More like Emerald Glade Lush

View all vibrant
Emerald Canopy Glade
Jungle Emerald Vines
Rainforest Emerald Glade
Tropical Canopy Vista
Arid Cactus Blossom
Emerald Dragonfly Wings