Back to palettes

Palette

Jewel Box Opulence

A collection of deep, saturated hues, inspired by the radiant shimmer of precious gemstones.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800000#DAA520#008080#4B0082#A52A2A

Palette guide

How to use Jewel Box Opulence

Overview

The 'Jewel Box Opulence' palette (ID: jewel-box-opulence-2) presents a collection of deep, saturated hues inspired by precious gemstones. It features a rich Maroon (#800000), a radiant Goldenrod (#DAA520), and a striking Teal (#008080). A majestic Dark Violet (#4B0082) adds a touch of royal elegance, complemented by a warm Indian Red (#A52A2A). This palette is crafted for designers and developers aiming to convey luxury, sophistication, and a timeless sense of grandeur. Its balanced blend of warm and cool deep tones provides versatility for high-end branding, elegant web interfaces, or sophisticated print materials.

Best used for

  • luxury product displays
  • high-end fashion websites
  • theatrical set designs
  • classic book covers
  • elegant dining establishments branding
  • historical museum exhibits

Suggested color roles

primary

Maroon (#800000) is excellent for dominant headings or calls-to-action, conveying a sense of deep richness and importance.

secondary

Teal (#008080) works well for navigation, subheadings, or graphical elements, offering a cool, sophisticated counterpoint.

accent

Goldenrod (#DAA520) provides a brilliant accent for interactive elements, highlights, or decorative flourishes, symbolizing prestige.

background

Dark Violet (#4B0082) can create a luxurious, deep background, allowing lighter text and accents to truly pop.

text

For dark backgrounds like #4B0082 or #800000, use Goldenrod (#DAA520) or a crisp white for optimal readability. For lighter areas, a deep charcoal is recommended.

Accessibility notes

  • Ensure Goldenrod (#DAA520) text has sufficient contrast against any lighter background colors.
  • Maroon (#800000) and Dark Violet (#4B0082) require light-colored text (e.g., white or #DAA520) for legibility.
  • Avoid using Indian Red (#A52A2A) as primary text on a dark background unless contrast is significantly boosted.
  • Always check WCAG guidelines for contrast ratios, especially for small font sizes and interactive elements.

Recommended combinations

Royal Depth

Ideal for creating a deep, regal atmosphere in backgrounds or full-page hero sections, exuding luxury.

#4B0082 · #800000 · #008080

Gilded Elements

Perfect for showcasing key information or interactive components with a touch of brilliance against a rich teal.

#008080 · #DAA520 · #4B0082

Warm Elegance

Effective for accentuating warm, inviting elements, such as testimonials or featured product sections.

#A52A2A · #800000 · #DAA520

CSS variables

:root {
  --jewel-box-opulence-2-1: #800000;
  --jewel-box-opulence-2-2: #DAA520;
  --jewel-box-opulence-2-3: #008080;
  --jewel-box-opulence-2-4: #4B0082;
  --jewel-box-opulence-2-5: #A52A2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jewel-box-opulence-2": {
        1: "#800000",
        2: "#DAA520",
        3: "#008080",
        4: "#4B0082",
        5: "#A52A2A",
      }
    }
  }
}

Related searches

deep jewel tone paletteregal color schemeluxurious goldenrod colorsteal maroon violetopulent design ideas

Palette colors

Hex values

Color 1#800000
·
Color 2#DAA520
·
Color 3#008080
·
Color 4#4B0082
·
Color 5#A52A2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.9:1AA
2.3:1Fail
1.2:1Fail
1.5:1Fail
2
4.9:1AA
2.1:1Fail
5.8:1AA
3.2:1AA18
3
2.3:1Fail
2.1:1Fail
2.7:1Fail
1.5:1Fail
4
1.2:1Fail
5.8:1AA
2.7:1Fail
1.8:1Fail
5
1.5:1Fail
3.2:1AA18
1.5:1Fail
1.8:1Fail

Similar palettes

More like Jewel Box Opulence

View all dark
Byzantine Jewel
Gemstone Radiance Aura
Gilded Age Elegance
Royal Jewel Box
Royal Jewel Brocade
Art Deco Emerald