Palette

Sunken Pirate Gold

Gleaming golden hues reminiscent of ancient pirate treasure submerged in the deep.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunken Pirate Gold 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 Pirate Gold.

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

Data visualization

#8B5F03#B27F11#E6AD2E#FFDD8F#FFF7D4

Palette guide

How to use Sunken Pirate Gold

Overview

The Sunken Pirate Gold palette gleams with a spectrum of opulent golden hues, evoking the allure of ancient, submerged treasure. From the deep #8B5F03 to the radiant #E6AD2E and the soft #FFF7D4, including #B27F11 and #FFDD8F, this collection exudes elegance and richness. Designers can harness these colors to create luxurious, sophisticated, and celebratory visual experiences. Developers will find this palette excellent for crafting premium brand interfaces, high-end product displays, or any design requiring a touch of refined glamour. The range allows for subtle metallic effects and a warm, inviting glow.

Best used for

Luxury product branding and packaging
High-end jewelry or fashion websites
Award ceremony graphics or invitations
Festive holiday marketing campaigns
Elegant event decor or signage
Premium app UI elements (icons, buttons)

Suggested color roles

primary

#8B5F03 - This deep, rich gold provides a strong, sophisticated base for headers, footers, or background accents, conveying luxury and stability.

secondary

#B27F11 - Use this medium gold for supporting elements like subheadings, navigation, or larger graphical components, adding depth and warmth.

accent

#E6AD2E - A bright, eye-catching gold, perfect for calls-to-action, important notifications, or key icons to grab immediate attention.

background

#FFF7D4 - This pale, creamy gold offers a soft, luminous background, allowing the deeper golds to shine and providing excellent readability.

text

#8B5F03 - For primary text, this dark gold provides good contrast against lighter backgrounds like #FFF7D4. For darker backgrounds, use a crisp white.

Accessibility notes

Ensure #E6AD2E and #FFDD8F have sufficient contrast with any text placed over them; generally, use dark text.
For critical information, pair #8B5F03 or #B27F11 with a contrasting light text color like white or #FFF7D4.
Avoid placing light gold text (#FFDD8F, #FFF7D4) on similarly light gold backgrounds.
Use strong visual cues in addition to color for interactive elements to meet accessibility standards.

Recommended combinations

Regal Shine

Creates a rich, hierarchical gold effect, ideal for showcasing premium content or brand logos.

#8B5F03 · #B27F11 · #E6AD2E

Subtle Luster

Perfect for soft gradients, background textures, or presenting delicate information with an elegant touch.

#B27F11 · #FFDD8F · #FFF7D4

Golden Highlight

Provides a strong contrast for text and calls-to-action, ensuring visual impact on clean backgrounds.

#8B5F03 · #E6AD2E · #FFF7D4

CSS variables

:root {
  --sunken-pirate-gold-2-1: #8B5F03;
  --sunken-pirate-gold-2-2: #B27F11;
  --sunken-pirate-gold-2-3: #E6AD2E;
  --sunken-pirate-gold-2-4: #FFDD8F;
  --sunken-pirate-gold-2-5: #FFF7D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-pirate-gold-2": {
        1: "#8B5F03",
        2: "#B27F11",
        3: "#E6AD2E",
        4: "#FFDD8F",
        5: "#FFF7D4",
      }
    }
  }
}

Hex values

Color 1#8B5F03

Color 2#B27F11

Color 3#E6AD2E

Color 4#FFDD8F

Color 5#FFF7D4

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

4.3:1AA18

5.2:1AA

1.6:1Fail

1.7:1Fail

2.7:1Fail

3.3:1AA18

2.8:1Fail

1.7:1Fail

1.5:1Fail

1.9:1Fail

4.3:1AA18

2.7:1Fail

1.5:1Fail

1.2:1Fail

5.2:1AA

3.3:1AA18

1.9:1Fail

1.2:1Fail

Similar palettes

More like Sunken Pirate Gold