Palette

Pirate Treasure Gleam

Gleaming golds and deep jewel tones hint at lost riches hidden in a pirate's chest.

Vibrantplayful5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pirate Treasure Gleam 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 Pirate Treasure Gleam.

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

Data visualization

#FFD700#B8860B#483D8B#2E8B57#DAA520

Palette guide

How to use Pirate Treasure Gleam

Overview

The Pirate Treasure Gleam palette evokes the thrill of discovering lost riches, combining dazzling golds with deep, mysterious jewel tones. It prominently features the radiant #FFD700 (Gold) and the rich #B8860B (Goldenrod), along with the slightly darker #DAA520 (Goldenrod) to simulate gleaming coins and artifacts. These are powerfully contrasted by the deep, enigmatic #483D8B (Dark Slate Blue), reminiscent of the ocean depths or a pirate's mysterious cloak. A vibrant #2E8B57 (Sea Green) adds a touch of adventure, like hidden coves or ancient maps. This palette is ideal for projects that seek adventure, mystery, and a sense of valuable discovery.

Best used for

Adventure game interfaces and assets
Theme park branding
Escape room design
Children's book illustrations
Pirate-themed event promotions
Jewelry and antique store marketing

Suggested color roles

primary

Use #483D8B (Dark Slate Blue) as a deep, stable base for backgrounds or main content areas, conveying mystery and depth.

secondary

Employ #B8860B (Goldenrod) for headings, navigation, or key interactive elements, providing a rich, antique gold feel.

accent

Apply #FFD700 (Gold) sparingly for critical calls-to-action, icons, or decorative flourishes to truly pop and signify value.

background

A neutral cream, a very light sandy beige, or a subtle, desaturated version of #2E8B57 for an adventurous yet readable canvas.

text

For dark backgrounds like #483D8B, use #FFD700 or a crisp white for body text. For lighter backgrounds, a deep charcoal or #483D8B provides excellent readability.

Accessibility notes

#FFD700 and #B8860B against #483D8B offer good contrast for larger text and UI elements.
Avoid using #2E8B57 or #DAA520 directly on #483D8B for body text due to insufficient contrast.
Ensure all text elements meet WCAG AA or AAA guidelines, especially for smaller font sizes.
Use a robust contrast checker for all color pairings, particularly for interactive states.

Recommended combinations

Treasure Chest

For main content areas, creating a strong contrast that highlights valuable information.

#483D8B · #FFD700 · #B8860B

Hidden Cove

Ideal for illustrations, decorative patterns, or secondary UI elements to add an adventurous touch.

#2E8B57 · #DAA520 · #483D8B

Gleaming Riches

Excellent for calls-to-action, badges, or to signify premium content, emphasizing wealth.

#FFD700 · #B8860B · #DAA520

CSS variables

:root {
  --pirate-treasure-gleam-1: #FFD700;
  --pirate-treasure-gleam-2: #B8860B;
  --pirate-treasure-gleam-3: #483D8B;
  --pirate-treasure-gleam-4: #2E8B57;
  --pirate-treasure-gleam-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pirate-treasure-gleam": {
        1: "#FFD700",
        2: "#B8860B",
        3: "#483D8B",
        4: "#2E8B57",
        5: "#DAA520",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#B8860B

Color 3#483D8B

Color 4#2E8B57

Color 5#DAA520

Accessibility

Contrast checker

2.3:1Fail

6.5:1AA

3:1AA18

1.6:1Fail

2.3:1Fail

2.8:1Fail

1.3:1Fail

1.5:1Fail

6.5:1AA

2.8:1Fail

2.1:1Fail

4.1:1AA18

3:1AA18

1.3:1Fail

2.1:1Fail

1.9:1Fail

1.6:1Fail

1.5:1Fail

4.1:1AA18

1.9:1Fail

Similar palettes

More like Pirate Treasure Gleam

Playful Gumball Brights