Palette

Sunken Treasure Glimmer

Glimmering golds and muted darks evoke hidden treasures resting on the silent ocean floor.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#FFD700#DAA520#2F4F4F#8B4513

Palette guide

How to use Sunken Treasure Glimmer

Overview

The "Sunken Treasure Glimmer" palette brilliantly combines rich golds with deep, muted teals and earthy browns, evoking the dramatic scene of precious metals resting on the silent ocean floor. #FFD700 is a radiant, true gold, perfect for focal points and high-value elements, while #B8860B and #DAA520 provide slightly more subdued yet still opulent golden tones. The deep, dark #2F4F4F introduces a cool, mysterious contrast, reminiscent of the deep sea, and #8B4513 adds an earthy, weathered brown, suggesting aged wood or rust. This palette is ideal for designers seeking a luxurious yet grounded aesthetic, perfect for fantasy settings, high-end branding, or interfaces that demand a striking balance between opulence and natural depth.

Best used for

High-fantasy game UI
Luxury jewelry website design
Pirate-themed adventure branding
Elegant event decor
Historical artifact displays
Premium product packaging

Suggested color roles

primary

#FFD700 for striking accents and focal points, representing the "glimmer."

secondary

#B8860B or #DAA520 for supporting golden elements, adding richness.

accent

#2F4F4F provides a deep, cool contrast, grounding the vibrant golds.

background

#2F4F4F offers a profound, mysterious dark background. #8B4513 can be used for earthy texture.

text

White or light cream on #2F4F4F. Dark brown or black on #FFD700.

Accessibility notes

Ensure sufficient contrast for text, especially when using #DAA520 on #B8860B.
#FFD700 provides excellent contrast for dark text, making it suitable for important headings.
The deep #2F4F4F offers superior contrast for light text, ideal for body copy.
Avoid using #B8860B and #DAA520 as text/background pairs without careful contrast checking.

Recommended combinations

Gleam & Abyss

Creates a dramatic contrast between deep dark and vibrant gold, with a supporting golden tone.

#2F4F4F · #FFD700 · #B8860B

Weathered Gold

Ideal for conveying aged metals and natural textures with a golden sheen.

#8B4513 · #B8860B · #DAA520

Treasure Trove

Balances a deep background with two shimmering gold accents for visual hierarchy.

#2F4F4F · #DAA520 · #FFD700

CSS variables

:root {
  --sunken-treasure-glimmer-1: #B8860B;
  --sunken-treasure-glimmer-2: #FFD700;
  --sunken-treasure-glimmer-3: #DAA520;
  --sunken-treasure-glimmer-4: #2F4F4F;
  --sunken-treasure-glimmer-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-treasure-glimmer": {
        1: "#B8860B",
        2: "#FFD700",
        3: "#DAA520",
        4: "#2F4F4F",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#FFD700

Color 3#DAA520

Color 4#2F4F4F

Color 5#8B4513

Accessibility

Contrast checker

2.3:1Fail

1.5:1Fail

2.7:1Fail

2.2:1Fail

2.3:1Fail

1.6:1Fail

6.4:1AA

5.1:1AA

1.5:1Fail

1.6:1Fail

4:1AA18

3.2:1AA18