Palette

Ancient Tomb Emerald

Deep, mysterious greens like ancient emeralds hidden in a forgotten tomb.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Tomb Emerald 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 Ancient Tomb Emerald.

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

Data visualization

#0F3F2F#2A5A4A#4E806D#79B09A#A6DBC2

Palette guide

How to use Ancient Tomb Emerald

Overview

The Ancient Tomb Emerald palette unveils a mysterious and luxurious range of deep to vibrant greens, reminiscent of hidden jewels within forgotten crypts. This collection features dark #0F3F2F, rich #2A5A4A, profound #4E806D, lush #79B09A, and shimmering #A6DBC2. Designers can leverage these emerald hues to infuse projects with elegance, enigma, and a touch of organic opulence. Ideal for conveying sophistication and depth, this palette is versatile for both digital experiences and print materials, bringing a sense of ancient mystery and natural beauty to life.

Best used for

Luxury brand identity and high-end product design
Fantasy or mystery game interface and art
Jewelry store branding and website design
Nature-inspired upscale interior design
Sustainable and eco-luxury product marketing
Theatrical production design or film titles

Suggested color roles

primary

Utilize #0F3F2F or #2A5A4A for dominant elements like main headings, strong call-to-action buttons, or foundational brand colors, conveying depth and luxury.

secondary

Employ #4E806D or #79B09A for subheadings, key information sections, or complementary graphic elements, providing a rich, balanced tone.

accent

Introduce #A6DBC2 for subtle highlights, interactive states, or delicate decorative details, adding a shimmering, precious quality.

background

#A6DBC2 can serve as a light, ethereal background, while #79B09A offers a more substantial, yet still fresh, base.

text

For optimal readability, use a crisp white or light cream text on darker shades like #0F3F2F. #0F3F2F works well for text on #A6DBC2.

Accessibility notes

Ensure high contrast when using any of the darker greens for text on lighter backgrounds (e.g., #0F3F2F on #A6DBC2).
Always use white or a very light color for text on #0F3F2F, #2A5A4A, or #4E806D to ensure readability.
Avoid using mid-tone greens like #79B09A for small text on similar or slightly darker green backgrounds.
Check WCAG AA compliance for all text and interactive elements, especially against varying green shades.

Recommended combinations

Deep Forest

Ideal for creating dark, luxurious backgrounds, sophisticated branding, or gradients that evoke a sense of deep mystery.

#0F3F2F · #2A5A4A · #4E806D

Emerald Glow

Excellent for highlights, calls-to-action, or graphic elements that need to stand out with a jewel-like luminosity.

#79B09A · #A6DBC2 · #2A5A4A

Mystical Path

Perfect for illustrations, web banners, or UI designs that require a harmonious blend of shaded and brighter greens.

#4E806D · #79B09A · #0F3F2F

CSS variables

:root {
  --ancient-tomb-emerald-1: #0F3F2F;
  --ancient-tomb-emerald-2: #2A5A4A;
  --ancient-tomb-emerald-3: #4E806D;
  --ancient-tomb-emerald-4: #79B09A;
  --ancient-tomb-emerald-5: #A6DBC2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-tomb-emerald": {
        1: "#0F3F2F",
        2: "#2A5A4A",
        3: "#4E806D",
        4: "#79B09A",
        5: "#A6DBC2",
      }
    }
  }
}

Hex values

Color 1#0F3F2F

Color 2#2A5A4A

Color 3#4E806D

Color 4#79B09A

Color 5#A6DBC2

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

4.8:1AA

7.6:1AAA

1.5:1Fail

1.7:1Fail

3.2:1AA18

5.1:1AA

2.6:1Fail

1.7:1Fail

1.8:1Fail

2.9:1Fail

4.8:1AA

3.2:1AA18

1.8:1Fail

1.6:1Fail

7.6:1AAA

5.1:1AA

2.9:1Fail

1.6:1Fail

Similar palettes

More like Ancient Tomb Emerald

View all dark

Ancient Cypress Shade

Ancient Forest Depths

Ancient Rune Carve

Dark Forest Undergrowth

Dark Woodland Shade

Deep Forest Canopy