Palette

Deep Emerald Canopy

Rich, deep greens and teals like precious emeralds hidden in a velvet forest.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#006F6F#009688#00C8C8#00E0E0

Palette guide

How to use Deep Emerald Canopy

Overview

The Deep Emerald Canopy palette is a luxurious and vibrant collection of deep greens and teals, reminiscent of precious gemstones and lush foliage. It starts with the intense, dark teal of #004B49, progressing to the rich #006F6F and the balanced #009688. The palette then brightens with the vivid #00C8C8, culminating in the energetic, almost neon #00E0E0. This palette is excellent for designs aiming for elegance, vitality, or a connection to nature with a sophisticated twist. It offers a strong sense of depth and can create striking visual effects through its progressive brightness.

Best used for

High-end jewelry brands
Environmental initiatives with a modern edge
Luxury resort branding
Tech companies focused on sustainability
Fashion and apparel websites
Wellness and holistic health platforms

Suggested color roles

primary

Use #006F6F for dominant brand elements, conveying richness and professionalism.

secondary

#009688 is ideal for subheadings, interactive elements, or data visualization, offering a clear, vibrant contrast.

accent

#00C8C8 provides a brilliant pop for calls-to-action or key highlights, drawing immediate attention.

background

#004B49 offers a deep, opulent base, perfect for creating a sophisticated and immersive experience.

text

On dark backgrounds like #004B49, use a bright white or very light grey like #F0F0F0. For lighter backgrounds, a deep charcoal or black is suitable.

Accessibility notes

Ensure #00C8C8 or #00E0E0 text has sufficient contrast against #009688 or #006F6F backgrounds.
White text on #004B49 and #006F6F generally offers good readability.
Avoid using #00C8C8 and #00E0E0 for primary text on light backgrounds due to potential eye strain.
Always verify contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Jewel Tones

Creates a sophisticated, deep green foundation for branding and main content areas.

#004B49 · #006F6F · #009688

Vibrant Canopy

Excellent for gradients, dynamic elements, or adding a fresh, energetic feel.

#006F6F · #00C8C8 · #00E0E0

Emerald Glow

Combine a dark base with a strong primary and a bright accent for impactful UI.

#004B49 · #009688 · #00C8C8

CSS variables

:root {
  --deep-emerald-canopy-1: #004B49;
  --deep-emerald-canopy-2: #006F6F;
  --deep-emerald-canopy-3: #009688;
  --deep-emerald-canopy-4: #00C8C8;
  --deep-emerald-canopy-5: #00E0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-emerald-canopy": {
        1: "#004B49",
        2: "#006F6F",
        3: "#009688",
        4: "#00C8C8",
        5: "#00E0E0",
      }
    }
  }
}

Hex values

Color 1#004B49

Color 2#006F6F

Color 3#009688

Color 4#00C8C8

Color 5#00E0E0

Accessibility

Contrast checker

1.7:1Fail

2.7:1Fail

4.8:1AA

6.1:1AA

1.7:1Fail

1.6:1Fail

2.9:1Fail

3.6:1AA18

2.7:1Fail

1.6:1Fail

1.8:1Fail

2.2:1Fail

4.8:1AA

2.9:1Fail

1.8:1Fail

1.3:1Fail

6.1:1AA

3.6:1AA18

2.2:1Fail

1.3:1Fail

Similar palettes

More like Deep Emerald Canopy

View all dark

Emerald Gemstone Cache

Amethyst Veil Mystique

Art Deco Emerald

Art Deco Midnight

Baroque Gemstone Vault

Baroque Night Grand