Back to palettes

Palette

Deep Cave Emeralds

Jewel-toned greens emerging from deep shadows, reminiscent of hidden emeralds within a dark cave.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Cave Emeralds 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 Cave Emeralds.

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

Data visualization

#004F2F#006B44#008E5F#00B07F#002F1A

Palette guide

How to use Deep Cave Emeralds

Overview

The Deep Cave Emeralds palette unveils a collection of rich, jewel-toned greens, reminiscent of hidden gems within a mysterious cave. Ranging from the profound #002F1A to the vibrant #00B07F, with striking mid-tones like #006B44, this palette exudes elegance and intrigue. Designers can craft luxurious brand identities or immersive digital experiences, while developers can leverage its consistent green progression for sophisticated gradients and clear visual hierarchies. This palette is ideal for projects that seek to convey opulence, nature-inspired luxury, or a touch of the mystical.

Best used for

  • Luxury goods and jewelry brands
  • Eco-friendly and sustainable businesses
  • Fantasy-themed gaming interfaces
  • Boutique hotel branding
  • High-end spa and wellness centers
  • Nature-inspired art and illustration

Suggested color roles

primary

Utilize #002F1A as a deep, luxurious base for primary branding, main backgrounds, or elegant headers.

secondary

Apply #004F2F for supporting content, subheadings, or secondary navigation, adding depth and sophistication.

accent

Highlight calls to action or key information with the vibrant #00B07F, ensuring clear visibility and allure.

background

The darkest #002F1A creates a dramatic, immersive background, while #006B44 can be used for a rich, inviting backdrop.

text

For dark backgrounds, white or a light cream ensures excellent readability. On lighter greens, a deep charcoal or #002F1A provides crisp contrast.

Accessibility notes

  • Ensure sufficient contrast for text on mid-tone greens like #006B44 and #008E5F.
  • Verify that the lightest green, #00B07F, has adequate contrast for any overlaying text or icons.
  • Prioritize #002F1A for primary text on lighter backgrounds to meet WCAG AA standards.
  • Interactive elements should have distinct visual states, especially when using similar green hues.

Recommended combinations

Cave Shadows

Ideal for creating layered backgrounds or sections that require a sense of mystery and depth.

#002F1A · #004F2F · #006B44

Emerald Shimmer

Perfect for gradients or highlights, suggesting the luminous quality of polished emeralds.

#006B44 · #008E5F · #00B07F

Jewel Tone

Provides a strong contrast for main content, balancing deep greens with vibrant, eye-catching accents.

#004F2F · #00B07F · #008E5F

CSS variables

:root {
  --deep-cave-emeralds-1: #004F2F;
  --deep-cave-emeralds-2: #006B44;
  --deep-cave-emeralds-3: #008E5F;
  --deep-cave-emeralds-4: #00B07F;
  --deep-cave-emeralds-5: #002F1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-cave-emeralds": {
        1: "#004F2F",
        2: "#006B44",
        3: "#008E5F",
        4: "#00B07F",
        5: "#002F1A",
      }
    }
  }
}

Related searches

deep emerald palettejewel green hex codesmysterious green colorsluxury forest toneselegant dark green

Palette colors

Hex values

Color 1#004F2F
·
Color 2#006B44
·
Color 3#008E5F
·
Color 4#00B07F
·
Color 5#002F1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.5:1AA18
1.5:1Fail
2
1.5:1Fail
1.6:1Fail
2.4:1Fail
2.2:1Fail
3
2.3:1Fail
1.6:1Fail
1.5:1Fail
3.5:1AA18
4
3.5:1AA18
2.4:1Fail
1.5:1Fail
5.3:1AA
5
1.5:1Fail
2.2:1Fail
3.5:1AA18
5.3:1AA

Similar palettes

More like Deep Cave Emeralds

View all Dark
Royal Gem Casket
Art Deco Sapphire
Gatsby Night Glam
Imperial Gemstone Array
Midnight Hues
Midnight Orchid Bloom