Back to palettes

Palette

Verdant Glade Light

Bright, lively greens and soft yellows that capture the fresh, dappled light filtering through a vibrant forest glade.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Glade Light 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 Verdant Glade Light.

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

Data visualization

#2D6A4F#40916C#74C69D#D9ED92#94B48A

Palette guide

How to use Verdant Glade Light

Overview

The Verdant Glade Light palette captures the fresh, dappled light of a vibrant forest glade with its harmonious blend of greens and a touch of luminous yellow. From the deep Teal Green #2D6A4F to the bright Pale Chartreuse #D9ED92, this palette is perfect for designs seeking a fresh, energetic, and natural feel. The lively Light Teal Green #74C69D provides a vibrant core, softened by the Medium Teal Green #40916C and grounded by the Muted Sage Green #94B48A. Designers and developers can utilize this palette to create inviting and optimistic digital experiences, ideal for spring themes, outdoor brands, or projects emphasizing renewal and vitality.

Best used for

  • Spring collection fashion branding
  • Outdoor and adventure sports platforms
  • Youth-focused nature education apps
  • Fresh produce marketing materials
  • Eco-friendly product launches
  • Wellness retreats and spas

Suggested color roles

primary

#2D6A4F (Deep Teal Green) - Use for strong headers, main navigation, or footer areas, providing a solid, sophisticated base.

secondary

#40916C (Medium Teal Green) - Ideal for subheadings, background panels, or supporting graphical elements, offering a cohesive mid-tone.

accent

#74C69D (Light Teal Green) - An energetic accent for calls-to-action, interactive elements, or progress indicators, ensuring visibility.

background

#94B48A (Muted Sage Green) - A calming and versatile background for content sections, allowing darker text to stand out clearly.

text

#2D6A4F (Deep Teal Green) - Excellent for body text against lighter backgrounds, providing strong readability and a natural feel.

Accessibility notes

  • #D9ED92 is very light; use only with very dark text like #2D6A4F for critical information.
  • Ensure sufficient contrast when using #94B48A as a background with lighter text.
  • #2D6A4F and #40916C offer good contrast with white or off-white text for headings.
  • Always check text and interactive element contrast against WCAG guidelines, especially for D9ED92 and 74C69D.

Recommended combinations

Glade Depths

Sophisticated branding for environmental agencies or nature documentaries.

#2D6A4F · #40916C · #74C69D

Sunlit Path

Bright and welcoming interfaces for travel blogs or spring-themed campaigns.

#D9ED92 · #94B48A · #40916C

Fresh Accents

Dynamic designs for product highlights or call-to-action buttons.

#74C69D · #2D6A4F · #94B48A

CSS variables

:root {
  --verdant-glade-light-1: #2D6A4F;
  --verdant-glade-light-2: #40916C;
  --verdant-glade-light-3: #74C69D;
  --verdant-glade-light-4: #D9ED92;
  --verdant-glade-light-5: #94B48A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-glade-light": {
        1: "#2D6A4F",
        2: "#40916C",
        3: "#74C69D",
        4: "#D9ED92",
        5: "#94B48A",
      }
    }
  }
}

Related searches

glade green color palettefresh spring greensnatural light colorsteal green and yellowvibrant forest palette

Palette colors

Hex values

Color 1#2D6A4F
·
Color 2#40916C
·
Color 3#74C69D
·
Color 4#D9ED92
·
Color 5#94B48A
·

Accessibility

Contrast checker

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

Similar palettes

More like Verdant Glade Light

View all earth