Back to palettes

Palette

Royal Jewel Box

A sumptuous collection of rich, highly saturated gemstone hues, radiating opulence and grandeur.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#483D8B#8B0000#4B0082#D4AF37

Palette guide

How to use Royal Jewel Box

Overview

The Royal Jewel Box palette is a sumptuous collection of highly saturated gemstone hues, radiating opulence and grandeur. Featuring the deep #006400 and the regal #483D8B, it also includes the powerful #8B0000 and the profound #4B0082, culminating in the glistening #D4AF37. This palette is ideal for designs requiring a sense of ultimate luxury, richness, and historical elegance. Designers can leverage these vibrant and deep hues for high-impact branding, luxurious event materials, or sophisticated digital interfaces. The Royal Jewel Box provides a versatile foundation for creating visually stunning and memorable experiences that truly stand out.

Best used for

  • High-end luxury brand identity
  • Jewelry and precious goods marketing
  • Gala and exclusive event invitations
  • Museum or art gallery website design
  • Opulent interior design concepts
  • Premium corporate branding

Suggested color roles

primary

Utilize #006400 as a commanding base for backgrounds or primary brand elements, conveying deep luxury.

secondary

Apply #483D8B for supporting content, elegant typography, or darker UI components.

accent

Introduce #D4AF37 (gold) for highlights, call-to-actions, or to signify importance and luxury.

background

Deep hues like #4B0082 or #006400 provide a dramatic, elegant backdrop for light-colored content.

text

White or a very light cream text offers excellent contrast. #D4AF37 can be used for headings on dark backgrounds.

Accessibility notes

  • Ensure high contrast when pairing the deep jewel tones with white or light text for readability.
  • Avoid using #8B0000 text on #4B0082 backgrounds without careful contrast checking.
  • Always verify that text and background color combinations meet WCAG AA standards.
  • Use a contrast checker to ensure all critical text elements are accessible across the palette.

Recommended combinations

Crown Jewels

Perfect for high-impact branding, luxurious headers, or a sophisticated visual hierarchy.

#006400 · #4B0082 · #D4AF37

Regal Contrast

Ideal for dynamic call-to-actions, vibrant graphic elements, or distinct content blocks.

#483D8B · #8B0000 · #D4AF37

Deep Opulence

Use for rich backgrounds, elegant overlays, or to define sophisticated content sections.

#4B0082 · #006400 · #483D8B

CSS variables

:root {
  --royal-jewel-box-1: #006400;
  --royal-jewel-box-2: #483D8B;
  --royal-jewel-box-3: #8B0000;
  --royal-jewel-box-4: #4B0082;
  --royal-jewel-box-5: #D4AF37;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-jewel-box": {
        1: "#006400",
        2: "#483D8B",
        3: "#8B0000",
        4: "#4B0082",
        5: "#D4AF37",
      }
    }
  }
}

Related searches

jewel tone color paletteroyal luxurious colorsdeep gem hueselegant dark paletterich gold purple green

Palette colors

Hex values

Color 1#006400
·
Color 2#483D8B
·
Color 3#8B0000
·
Color 4#4B0082
·
Color 5#D4AF37
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.7:1Fail
3.5:1AA18
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
4.3:1AA18
3
1.3:1Fail
1.1:1Fail
1.3:1Fail
4.8:1AA
4
1.7:1Fail
1.4:1Fail
1.3:1Fail
6.2:1AA
5
3.5:1AA18
4.3:1AA18
4.8:1AA
6.2:1AA

Similar palettes

More like Royal Jewel Box

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