Back to palettes

Palette

Emerald Canyon Vein

Rich, deep greens reminiscent of hidden veins of mineral or lush vegetation within ancient canyons.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#228B22#3CB371#556B2F#8FBC8F

Palette guide

How to use Emerald Canyon Vein

Overview

The Emerald Canyon Vein palette features rich, deep greens reminiscent of hidden veins of mineral or lush vegetation within ancient canyons. This earthy collection includes a dark green (#006400), a vibrant forest green (#228B22), a medium sea green (#3CB371), a dark olive green (#556B2F), and a muted dark sea green (#8FBC8F). Ideal for designers and developers seeking a natural, profound, and grounding aesthetic, this palette is perfect for projects that convey strength, organic beauty, and a sense of timelessness, like the resilient life found within geological formations.

Best used for

  • Geology and earth science websites
  • Outdoor gear and adventure brands
  • Eco-friendly and sustainable product packaging
  • Natural history museum exhibits
  • Digital art depicting ancient landscapes
  • Brand identities for organic and artisanal goods

Suggested color roles

primary

Dark green (#006400) serves as a strong, foundational primary, perfect for headers, navigation, or prominent brand elements, providing deep stability.

secondary

Vibrant forest green (#228B22) acts as a rich secondary, ideal for subheadings, interactive components, or sections needing a lively, organic feel.

accent

Medium sea green (#3CB371) offers a fresh, subtle accent, perfect for highlights, small icons, or decorative details that add a touch of natural vibrancy.

background

Muted dark sea green (#8FBC8F) provides a soft, atmospheric background, excellent for content areas or large sections where readability and a natural feel are desired.

text

Dark olive green (#556B2F) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, earthy aesthetic, or use deep charcoal for contrast.

Accessibility notes

  • Dark olive green (#556B2F) provides excellent contrast against muted dark sea green (#8FBC8F) for readable body text.
  • Ensure sufficient contrast if using vibrant forest green (#228B22) for text on the muted dark sea green (#8FBC8F) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing medium sea green (#3CB371) on vibrant forest green (#228B22) for critical text due to potential low contrast.

Recommended combinations

Canyon Depths

Creates a profound, earthy depth, ideal for backgrounds, main content sections, or sophisticated graphic elements.

#006400 · #228B22 · #556B2F

Mineral Vein

Excellent for highlights, interactive elements, or bringing a subtle, natural vibrancy to the design against a darker base.

#3CB371 · #8FBC8F · #006400

Mossy Ground

Provides a balanced and grounding combination for subheadings, descriptive text, or subtle background patterns.

#228B22 · #556B2F · #8FBC8F

CSS variables

:root {
  --emerald-canyon-vein-1: #006400;
  --emerald-canyon-vein-2: #228B22;
  --emerald-canyon-vein-3: #3CB371;
  --emerald-canyon-vein-4: #556B2F;
  --emerald-canyon-vein-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canyon-vein": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#556B2F",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

emerald green canyon palettedeep earthy green color schemenatural geology web designmossy green UI colorscanyon vein brand identity

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#556B2F
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.3:1Fail
3.5:1AA18
2
1.7:1Fail
1.6:1Fail
1.4:1Fail
2:1Fail
3
2.8:1Fail
1.6:1Fail
2.2:1Fail
1.2:1Fail
4
1.3:1Fail
1.4:1Fail
2.2:1Fail
2.8:1Fail
5
3.5:1AA18
2:1Fail
1.2:1Fail
2.8:1Fail

Similar palettes

More like Emerald Canyon Vein

View all earth
Ancient Forest Realm
Botanical Sketch
Canyon Wall Amber
Canyon Wall Erosion
Canyonlands Erosion
Deep Forest Undergrowth