Back to palettes

Palette

Emerald Cavern Gleam

Rich, jewel-toned greens and cool teals mimic the hidden beauty of an emerald-filled cavern with faint, mystical light.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Cavern Gleam 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 Cavern Gleam.

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

Data visualization

#004B49#026670#9FEDD7#C1E8E6#5D9F9D

Palette guide

How to use Emerald Cavern Gleam

Overview

The Emerald Cavern Gleam palette mimics the hidden beauty of an emerald-filled cavern with faint, mystical light. It combines rich, jewel-toned dark teal (#004B49) with a mysterious medium dark teal-blue (#026670) and a cool, muted teal (#5D9F9D). Accents of shimmering light aqua (#9FEDD7) and a very light aqua (#C1E8E6) add an ethereal glow. This palette is ideal for designers and developers seeking a dark, mysterious, and elegant aesthetic. It's perfect for projects that evoke intrigue, luxury, and a sense of hidden wonder, like precious gems sparkling in the dim light of an ancient cave.

Best used for

  • Luxury jewelry or gemstone branding
  • Mystery game interfaces or environments
  • Sophisticated dark mode website themes
  • High-end spa or wellness product packaging
  • Digital art depicting fantasy cave scenes
  • Brand identities for exclusive, boutique services

Suggested color roles

primary

Dark teal (#004B49) serves as a mysterious, deep primary, perfect for headers, navigation, or strong brand elements, providing a luxurious foundation.

secondary

Medium dark teal-blue (#026670) acts as an enigmatic secondary, ideal for subheadings, interactive components, or sections needing a cool, profound depth.

accent

Shimmering light aqua (#9FEDD7) offers an ethereal accent, perfect for highlights, small icons, or calls-to-action that need to stand out with a magical gleam.

background

Very light aqua (#C1E8E6) provides a soft, reflective background, excellent for content areas or large sections where readability and a tranquil feel are desired.

text

Dark teal (#004B49) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, elegant aesthetic, or use white for maximum contrast on darker elements.

Accessibility notes

  • White text on dark teal (#004B49) or medium dark teal-blue (#026670) provides excellent contrast for readability.
  • Ensure sufficient contrast if using shimmering light aqua (#9FEDD7) for text on the cool, muted teal (#5D9F9D) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing shimmering light aqua (#9FEDD7) on very light aqua (#C1E8E6) for critical text due to potential low contrast.

Recommended combinations

Cavern Depths

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

#004B49 · #026670 · #5D9F9D

Ethereal Gleam

Excellent for highlights, interactive elements, or bringing a shimmering, magical luminosity to the design against a darker base.

#9FEDD7 · #C1E8E6 · #026670

Hidden Jewel

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

#5D9F9D · #C1E8E6 · #004B49

CSS variables

:root {
  --emerald-cavern-gleam-1: #004B49;
  --emerald-cavern-gleam-2: #026670;
  --emerald-cavern-gleam-3: #9FEDD7;
  --emerald-cavern-gleam-4: #C1E8E6;
  --emerald-cavern-gleam-5: #5D9F9D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-cavern-gleam": {
        1: "#004B49",
        2: "#026670",
        3: "#9FEDD7",
        4: "#C1E8E6",
        5: "#5D9F9D",
      }
    }
  }
}

Related searches

emerald green cavern palettedark teal aqua color schememystical jewel tone web designelegant dark UI colorshidden cave brand identity

Palette colors

Hex values

Color 1#004B49
·
Color 2#026670
·
Color 3#9FEDD7
·
Color 4#C1E8E6
·
Color 5#5D9F9D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
7.4:1AAA
7.6:1AAA
3.3:1AA18
2
1.5:1Fail
5:1AA
5.1:1AA
2.2:1Fail
3
7.4:1AAA
5:1AA
1:1Fail
2.3:1Fail
4
7.6:1AAA
5.1:1AA
1:1Fail
2.3:1Fail
5
3.3:1AA18
2.2:1Fail
2.3:1Fail
2.3:1Fail

Similar palettes

More like Emerald Cavern Gleam

View all cool
Bioluminescent Abyss
Celestial Orb Glow
Cosmic Ocean Depths
Deep Ocean Cavern
Deep Ocean Trench
Galactic Void