Back to palettes

Palette

Emerald Canyon Echo

Lively greens ranging from vibrant lime to deep moss, inspired by verdant flora thriving in a canyon.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Canyon Echo 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 Canyon Echo.

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

Data visualization

#4CAF50#8BC34A#CDDC39#6B8E23#355E3B

Palette guide

How to use Emerald Canyon Echo

Overview

The Emerald Canyon Echo palette features lively greens ranging from vibrant medium green (#4CAF50) to a bright lime green (#CDDC39) and deep moss (#355E3B), inspired by verdant flora thriving within a canyon. This natural collection also includes a fresh light olive green (#8BC34A) and a grounding olive drab (#6B8E23). Ideal for designers and developers seeking a natural, vibrant, and earthy aesthetic, this palette is perfect for projects that convey rugged beauty, organic growth, and a lively connection to the wilderness, reminiscent of lush vegetation thriving in unexpected places.

Best used for

  • Outdoor adventure and exploration brands
  • Environmental conservation websites
  • Eco-tourism marketing materials
  • Organic food and beverage packaging
  • Digital art depicting natural landscapes
  • Brand identities for sustainable and ethical businesses

Suggested color roles

primary

Vibrant medium green (#4CAF50) serves as an energetic primary, perfect for headers, calls-to-action, or strong brand elements, providing a lively natural presence.

secondary

Olive drab (#6B8E23) acts as an earthy secondary, ideal for subheadings, background sections, or elements needing a grounding, natural feel.

accent

Bright lime green (#CDDC39) offers a dynamic accent, perfect for highlights, small icons, or decorative details that need to pop with vibrant energy.

background

Fresh light olive green (#8BC34A) provides a light, expansive background, excellent for content areas or large sections where readability and a fresh feel are desired.

text

Deep moss (#355E3B) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, natural aesthetic, or use black for maximum contrast.

Accessibility notes

  • Deep moss (#355E3B) provides excellent contrast against fresh light olive green (#8BC34A) for readable body text.
  • Ensure sufficient contrast if using vibrant medium green (#4CAF50) for text on the fresh light olive green (#8BC34A) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing bright lime green (#CDDC39) on fresh light olive green (#8BC34A) for critical text due to potential low contrast.

Recommended combinations

Canyon Bloom

Creates a vibrant, energetic visual flow, ideal for hero sections, banners, or promoting dynamic content.

#4CAF50 · #8BC34A · #CDDC39

Earthy Echo

Excellent for backgrounds, navigation, or providing a stable, natural foundation for design elements.

#6B8E23 · #355E3B · #8BC34A

Verdant Path

Provides a balanced and invigorating combination for subheadings, interactive elements, or striking visual accents.

#4CAF50 · #355E3B · #CDDC39

CSS variables

:root {
  --emerald-canyon-echo-1: #4CAF50;
  --emerald-canyon-echo-2: #8BC34A;
  --emerald-canyon-echo-3: #CDDC39;
  --emerald-canyon-echo-4: #6B8E23;
  --emerald-canyon-echo-5: #355E3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canyon-echo": {
        1: "#4CAF50",
        2: "#8BC34A",
        3: "#CDDC39",
        4: "#6B8E23",
        5: "#355E3B",
      }
    }
  }
}

Related searches

emerald green canyon palettevibrant earthy green color schemenatural wilderness web designgreen canyon UI colorsmoss lime green brand identity

Palette colors

Hex values

Color 1#4CAF50
·
Color 2#8BC34A
·
Color 3#CDDC39
·
Color 4#6B8E23
·
Color 5#355E3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
1.4:1Fail
2.7:1Fail
2
1.3:1Fail
1.4:1Fail
1.8:1Fail
3.6:1AA18
3
1.8:1Fail
1.4:1Fail
2.5:1Fail
4.9:1AA
4
1.4:1Fail
1.8:1Fail
2.5:1Fail
2:1Fail
5
2.7:1Fail
3.6:1AA18
4.9:1AA
2:1Fail

Similar palettes

More like Emerald Canyon Echo

View all earth
Forest Canopy Light
Botanical Groundcover Greens
Deep Forest Emerald
Desert Oasis Bloom
Emerald Forest Canopy
Emerald Isle