Back to palettes

Palette

Emerald Grotto Depths

Shimmering greens and teals, revealing the hidden beauty and cool depths of a secret emerald grotto.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Grotto Depths 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 Grotto Depths.

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

Data visualization

#004B49#006D6C#009391#00BEBB#008080

Palette guide

How to use Emerald Grotto Depths

Overview

The Emerald Grotto Depths palette plunges into a mesmerizing world of cool greens and teals, evoking the mysterious beauty of underwater caverns. Dominated by deep, rich tones like #004B49 and #006D6C, it also features brighter, shimmering hues such as #009391, #00BEBB, and #008080. This collection is ideal for projects seeking to convey tranquility, mystery, and a touch of the ethereal. Perfect for aquatic-themed brands, tech interfaces, or designs that require a sophisticated, cool color scheme. The subtle variations within the teal spectrum allow for dynamic visual layering, creating depth and a captivating user experience that feels both modern and natural.

Best used for

  • Aquatic conservation initiatives
  • Tech company branding (innovative, cool)
  • Spa and relaxation app interfaces
  • Underwater photography websites
  • Modern art and design portfolios
  • Luxury resort marketing

Suggested color roles

primary

Use #004B49 as a deep, foundational color for headers, main UI elements, or strong branding.

secondary

Employ #006D6C as a supportive, slightly brighter teal for subheadings, active states, or important text.

accent

Apply #00BEBB as a vibrant, eye-catching highlight for calls-to-action, alerts, or key information.

background

Utilize #009391 as a mid-tone, refreshing background for content areas, providing a calm and clear base.

text

Pair #004B49 with lighter teals or white for excellent contrast, or use white/light gray on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #00BEBB with lighter text; consider darker text or a darker background.
  • Pair #004B49 or #006D6C with white or light gray text for optimal legibility on dark backgrounds.
  • Avoid using #009391 directly on #008080 for small text due to their close luminance.
  • Thoroughly test all text and background combinations to meet WCAG AA contrast standards.

Recommended combinations

Deep Dive

Creates a sense of depth and mystery, perfect for dark mode themes or elegant interfaces.

#004B49 · #006D6C · #009391

Shimmering Water

Ideal for interactive elements, highlights, or graphical accents that need to stand out.

#00BEBB · #008080 · #004B49

Grotto Glow

Excellent for conveying freshness and clarity in informational sections or navigation.

#009391 · #00BEBB · #006D6C

CSS variables

:root {
  --emerald-grotto-depths-2-1: #004B49;
  --emerald-grotto-depths-2-2: #006D6C;
  --emerald-grotto-depths-2-3: #009391;
  --emerald-grotto-depths-2-4: #00BEBB;
  --emerald-grotto-depths-2-5: #008080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-grotto-depths-2": {
        1: "#004B49",
        2: "#006D6C",
        3: "#009391",
        4: "#00BEBB",
        5: "#008080",
      }
    }
  }
}

Related searches

deep teal green paletteaquatic color schememysterious emerald colorscool tech branding colorsunderwater ui design

Palette colors

Hex values

Color 1#004B49
·
Color 2#006D6C
·
Color 3#009391
·
Color 4#00BEBB
·
Color 5#008080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.3:1AA18
2.1:1Fail
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
1.3:1Fail
3
2.7:1Fail
1.6:1Fail
1.6:1Fail
1.3:1Fail
4
4.3:1AA18
2.7:1Fail
1.6:1Fail
2.1:1Fail
5
2.1:1Fail
1.3:1Fail
1.3:1Fail
2.1:1Fail

Similar palettes

More like Emerald Grotto Depths

View all cool
Emerald Gemstone Luster
Emerald Grotto Shimmer
Jade Cascade
Mystic Woodland Bloom
Regal Emerald Court
Teal Essence