Palette

Byzantine Jewel

A regal and opulent blend of deep purples, blues, and radiant gold, inspired by Byzantine artistry.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Byzantine Jewel 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 Byzantine Jewel.

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

Data visualization

#8B008B#4B0082#000080#D4AF37#8A2BE2

Palette guide

How to use Byzantine Jewel

Overview

The Byzantine Jewel palette is a regal and opulent blend of deep purples, blues, and radiant gold, inspired by Byzantine artistry. This dark collection features the dark magenta of #8B008B, the rich indigo of #4B0082, the deep navy of #000080, the radiant goldenrod of #D4AF37, and the elegant blue violet of #8A2BE2. It's an excellent choice for designers aiming to create sophisticated, luxurious, and historically inspired visuals. The palette evokes a sense of grandeur, ancient treasure, and artistic intricacy, perfect for projects that demand a rich, commanding presence and a touch of timeless elegance.

Best used for

Luxury brand websites and packaging
Historical museum exhibits and branding
High-end event invitations and decor
Sophisticated fashion and jewelry design
Elegant home decor and interiors
Rich digital art and illustrations

Suggested color roles

primary

Use #4B0082 as a deep, regal indigo primary color, providing a sophisticated and stable foundation.

secondary

Apply #8B008B as an opulent dark magenta secondary color, offering a strong and luxurious contrast.

accent

Introduce #D4AF37 as a radiant goldenrod accent, ideal for luxurious highlights or ornate details.

background

Utilize #000080 as a deep navy background, creating a stable and rich canvas for other elements.

text

For headings, #D4AF37 (goldenrod) offers excellent visibility on dark backgrounds. For body text, white is essential for optimal readability.

Accessibility notes

This is a dark palette; use light text, such as #D4AF37 or white, for readability on all dark backgrounds.
Ensure sufficient contrast for interactive elements against the deep dark backgrounds to make them easily identifiable.
Be mindful of color blindness when using similar dark purples and blues together for essential information.
Prioritize strong contrast for body text to ensure accessibility for all users, meeting WCAG standards.

Recommended combinations

Royal Opulence

Ideal for luxurious headers, prominent brand elements, or accentuating key features with grandeur.

#4B0082 · #8B008B · #D4AF37

Jeweled Depths

Great for deep, atmospheric backgrounds with luminous text, or creating a sense of mystery.

#000080 · #8A2BE2 · #4B0082

Ancient Gold

Perfect for highlighting ornate details, call-to-action elements, or adding a touch of antique brilliance.

#D4AF37 · #8B008B · #000080

CSS variables

:root {
  --byzantine-jewel-2-1: #8B008B;
  --byzantine-jewel-2-2: #4B0082;
  --byzantine-jewel-2-3: #000080;
  --byzantine-jewel-2-4: #D4AF37;
  --byzantine-jewel-2-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "byzantine-jewel-2": {
        1: "#8B008B",
        2: "#4B0082",
        3: "#000080",
        4: "#D4AF37",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#8B008B

Color 2#4B0082

Color 3#000080

Color 4#D4AF37

Color 5#8A2BE2

Accessibility

Contrast checker

1.5:1Fail

1.9:1Fail

4:1AA18

1.4:1Fail

1.5:1Fail

1.2:1Fail

6.2:1AA

2.2:1Fail

1.9:1Fail

1.2:1Fail

7.6:1AAA

2.7:1Fail

4:1AA18

6.2:1AA

7.6:1AAA

2.8:1Fail

1.4:1Fail

2.2:1Fail

2.7:1Fail

2.8:1Fail

Similar palettes

More like Byzantine Jewel

View all dark

Baronial Hall Tapestry

Regal Tapestry Hues

Ancient Heraldry Rich

Art Deco Emerald

Baroque Crimson Drape

Baroque Gemstone Vault