Back to palettes

Palette

Emerald Canopy Crown

Deep, regal greens echoing the majestic, shadowed canopy of a dense emerald forest.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Canopy Crown 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 Canopy Crown.

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

Data visualization

#1B4F4F#3C7A7A#6EA2A2#A8CFCF#123C3C

Palette guide

How to use Emerald Canopy Crown

Overview

The Emerald Canopy Crown palette presents deep, regal greens echoing the majestic, shadowed canopy of a dense emerald forest. This sophisticated collection features a darkest teal-green (#123C3C), rich dark teal-green (#1B4F4F), a medium teal-green (#3C7A7A), a lighter, muted teal-green (#6EA2A2), and a very light teal-green (#A8CFCF). Ideal for designers and developers aiming for an elegant, profound, and natural aesthetic, this palette is perfect for projects that convey luxury, tradition, and a serene, untouched beauty, much like the crown of an ancient, verdant forest.

Best used for

  • Luxury brand identities or logos
  • High-end corporate website designs
  • Exclusive nature resort branding
  • Elegant interior design visualizations
  • Packaging for premium, organic products
  • Digital art with a sophisticated, natural theme

Suggested color roles

primary

The darkest teal-green (#123C3C) serves as an authoritative primary, perfect for headers, navigation, or strong brand elements, providing a deep, elegant foundation.

secondary

Rich dark teal-green (#1B4F4F) acts as a sophisticated secondary, ideal for subheadings, interactive components, or sections needing a profound yet inviting green.

accent

Lighter, muted teal-green (#6EA2A2) offers a subtle accent, perfect for highlights, small icons, or decorative details that add a touch of understated elegance.

background

Very light teal-green (#A8CFCF) provides a soft, expansive background, excellent for content areas or large sections where readability and a serene feel are desired.

text

The darkest teal-green (#123C3C) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, regal aesthetic, or use a deep charcoal for contrast.

Accessibility notes

  • The darkest teal-green (#123C3C) provides excellent contrast against very light teal-green (#A8CFCF) for readable body text.
  • Ensure sufficient contrast if using rich dark teal-green (#1B4F4F) for text on the very light teal-green (#A8CFCF) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing lighter, muted teal-green (#6EA2A2) on very light teal-green (#A8CFCF) for critical text due to potential low contrast.

Recommended combinations

Regal Depths

Creates a profound, sophisticated depth, ideal for backgrounds, main content areas, or elegant graphic elements.

#123C3C · #1B4F4F · #3C7A7A

Canopy Serenity

Excellent for highlights, interactive elements, or bringing a soft, majestic luminosity to the design.

#6EA2A2 · #A8CFCF · #1B4F4F

Emerald Elegance

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

#3C7A7A · #A8CFCF · #123C3C

CSS variables

:root {
  --emerald-canopy-crown-1: #1B4F4F;
  --emerald-canopy-crown-2: #3C7A7A;
  --emerald-canopy-crown-3: #6EA2A2;
  --emerald-canopy-crown-4: #A8CFCF;
  --emerald-canopy-crown-5: #123C3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-crown": {
        1: "#1B4F4F",
        2: "#3C7A7A",
        3: "#6EA2A2",
        4: "#A8CFCF",
        5: "#123C3C",
      }
    }
  }
}

Related searches

emerald green regal palettedark forest green color schemeelegant nature web designsophisticated green UI colorsdeep teal rich palette

Palette colors

Hex values

Color 1#1B4F4F
·
Color 2#3C7A7A
·
Color 3#6EA2A2
·
Color 4#A8CFCF
·
Color 5#123C3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.2:1AA18
5.5:1AA
1.3:1Fail
2
1.9:1Fail
1.7:1Fail
2.9:1Fail
2.5:1Fail
3
3.2:1AA18
1.7:1Fail
1.7:1Fail
4.2:1AA18
4
5.5:1AA
2.9:1Fail
1.7:1Fail
7.2:1AAA
5
1.3:1Fail
2.5:1Fail
4.2:1AA18
7.2:1AAA

Similar palettes

More like Emerald Canopy Crown

View all dark
Blackberry Bramble Luxe
Cathedral Stained Glass
Crimson Canopy Twilight
Crimson Spark
Crimson Velvet Drama
Crimson Wine Cellar