Palette

Pharaoh's Jewel Box

A regal collection of deep blues, rich greens, and dazzling golds, fit for an ancient pharaoh's treasury.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pharaoh's Jewel Box 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 Pharaoh's Jewel Box.

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

Data visualization

#B8860B#FFD700#2E8B57#000080#800080

Palette guide

How to use Pharaoh's Jewel Box

Overview

The Pharaoh's Jewel Box palette is a regal collection, perfect for projects demanding opulence and historical grandeur. It combines the rich warmth of gold with deep jewel tones. Featured colors include the shimmering #FFD700 (Gold) and the slightly darker, more muted #B8860B (Goldenrod) for versatile metallic accents. Deep #000080 (Navy) provides a grounding, royal base, while #2E8B57 (Sea Green) adds a touch of ancient elegance, reminiscent of precious malachite. A vibrant #800080 (Purple) completes this majestic scheme, offering a luxurious accent. This palette is ideal for evoking a sense of ancient luxury, mystery, and wealth.

Best used for

Luxury brand websites and packaging
Historical game environments or UI
High-end event invitations and decor
Themed restaurant interiors
Jewelry store branding
Cultural exhibition design

Suggested color roles

primary

Use #000080 (Navy) as a deep, stable base for main backgrounds or large sections, conveying authority and depth.

secondary

Employ #B8860B (Goldenrod) for headers, 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

Consider a very light cream or a subtle, desaturated version of #2E8B57 for textural depth, or a pristine white for contrast.

text

For dark backgrounds like #000080, use #FFD700 or #B8860B for headings and a crisp white for body text. On lighter backgrounds, a deep charcoal or #000080 works well.

Accessibility notes

#FFD700 and #B8860B against #000080 offer good contrast for larger text and UI elements.
Avoid using #2E8B57 or #800080 directly on #000080 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

Regal Contrast

For headlines and primary navigation, emphasizing luxury and readability.

#000080 · #FFD700 · #B8860B

Ancient Accents

Ideal for decorative patterns, illustrations, or secondary UI elements to add depth.

#2E8B57 · #800080 · #B8860B

Jewel Pop

Striking for calls-to-action or highlighted information, creating a strong visual focal point.

#FFD700 · #000080 · #800080

CSS variables

:root {
  --pharaoh-s-jewel-box-1: #B8860B;
  --pharaoh-s-jewel-box-2: #FFD700;
  --pharaoh-s-jewel-box-3: #2E8B57;
  --pharaoh-s-jewel-box-4: #000080;
  --pharaoh-s-jewel-box-5: #800080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pharaoh-s-jewel-box": {
        1: "#B8860B",
        2: "#FFD700",
        3: "#2E8B57",
        4: "#000080",
        5: "#800080",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#FFD700

Color 3#2E8B57

Color 4#000080

Color 5#800080

Accessibility

Contrast checker

2.3:1Fail

1.3:1Fail

4.9:1AA

2.9:1Fail

2.3:1Fail

3:1AA18

11.4:1AAA

6.7:1AA

1.3:1Fail

3:1AA18

3.8:1AA18

2.2:1Fail

4.9:1AA

11.4:1AAA

3.8:1AA18

1.7:1Fail

2.9:1Fail

6.7:1AA

2.2:1Fail

1.7:1Fail

Similar palettes

More like Pharaoh's Jewel Box

View all vibrant

Ancient Aztec Gold

Byzantine Mosaic Gold

Coronation Gemstone Gleam

Regal Gold Sapphire

Regal Jewel Box

Regal Peacock Plume