Palette

Sunken Treasure Glow

Deep teals and shimmering golds evoke the mysterious, aquatic glow of ancient treasures lost in the ocean's depths.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunken Treasure Glow 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 Sunken Treasure Glow.

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

Data visualization

#003333#006666#009999#DAA520#B8860B

Palette guide

How to use Sunken Treasure Glow

Overview

The "Sunken Treasure Glow" palette is a captivating blend of deep, mystical teals and shimmering golds, designed to evoke the ethereal, aquatic glow of ancient treasures lost in the ocean's depths. The profound #003333 acts as a powerful, dark base, reminiscent of the deepest ocean. #006666 and #009999 introduce a stunning gradient of teal, suggesting light filtering through water, perfect for backgrounds or atmospheric elements. The vibrant #DAA520 and #B8860B provide the "treasure glow," offering rich, warm accents that pop against the cool depths. This palette is ideal for designers seeking a luxurious yet mysterious aesthetic, perfect for fantasy games, high-end digital products, or branding that requires a sophisticated, watery luminescence and a sense of hidden value.

Best used for

Fantasy game UI with a magical theme
Luxury spa and resort branding
Underwater exploration apps
Mystical event promotions
High-end jewelry displays
Sci-fi concept art

Suggested color roles

primary

#003333 for dominant backgrounds, creating a deep, immersive environment.

secondary

#006666 or #009999 for supporting elements, adding vibrant teal depth.

accent

#DAA520 for striking highlights and interactive elements, representing the "glow."

background

#003333 provides a deep, dark base. #006666 can serve as a slightly brighter, atmospheric background.

text

White or light cream on #003333. Dark brown or black on #DAA520.

Accessibility notes

Ensure sufficient contrast for text, especially when using #006666 on #009999.
#DAA520 provides excellent contrast for dark text, making it suitable for important information.
The darkest teal, #003333, offers superior contrast for light text, ideal for body copy.
Avoid using #B8860B and #DAA520 for text/background pairs without careful contrast checking.

Recommended combinations

Deep Sea Lumina

Creates a dramatic contrast between deep teal, vibrant teal, and glowing gold.

#003333 · #009999 · #DAA520

Aquatic Gradient

Ideal for smooth background transitions or layered UI elements suggesting water depth.

#003333 · #006666 · #009999

Glowing Relic

Provides a vibrant teal base with two shimmering gold accents for a focal point.

#006666 · #DAA520 · #B8860B

CSS variables

:root {
  --sunken-treasure-glow-1: #003333;
  --sunken-treasure-glow-2: #006666;
  --sunken-treasure-glow-3: #009999;
  --sunken-treasure-glow-4: #DAA520;
  --sunken-treasure-glow-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-treasure-glow": {
        1: "#003333",
        2: "#006666",
        3: "#009999",
        4: "#DAA520",
        5: "#B8860B",
      }
    }
  }
}

Hex values

Color 1#003333

Color 2#006666

Color 3#009999

Color 4#DAA520

Color 5#B8860B

Accessibility

Contrast checker

2:1Fail

4:1AA18

6.2:1AA

4.2:1AA18

2:1Fail

1.9:1Fail

3:1AA18

2.1:1Fail

4:1AA18

1.9:1Fail

1.6:1Fail

1.1:1Fail

6.2:1AA

3:1AA18

1.6:1Fail

1.5:1Fail

4.2:1AA18

2.1:1Fail

1.1:1Fail

1.5:1Fail

Similar palettes

More like Sunken Treasure Glow

View all cool

Abyssal Bioluminescence

Abyssal Current Glide