Back to palettes

Palette

Regal Gemstone Splendor

A rich and luxurious palette inspired by deep, polished gemstones and the radiant glow of royal gold.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Gemstone Splendor 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 Regal Gemstone Splendor.

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

Data visualization

#5D001E#9A031E#FB5607#FFBC0A#E0BBE4

Palette guide

How to use Regal Gemstone Splendor

Overview

The Regal Gemstone Splendor palette is a luxurious fusion of deep, passionate reds like #5D001E, vibrant oranges such as #FB5607, and a radiant golden #FFBC0A, elegantly balanced by the soft lilac of #E0BBE4. This palette evokes the richness of polished gemstones and royal adornments, perfect for designs that demand opulence and warmth. Designers can use it for high-end cosmetics, festive holiday branding, or autumnal fashion collections. Developers will find its vibrant yet sophisticated range excellent for creating engaging, luxurious user interfaces that capture attention and convey prestige.

Best used for

  • High-end cosmetics and beauty brands
  • Festive holiday branding and decor
  • Luxury packaging and gift designs
  • Autumnal fashion and lifestyle collections
  • Opulent event decor and invitations
  • Artistic digital illustrations

Suggested color roles

primary

Use #9A031E as the main, rich red, providing a strong and sophisticated base for your brand's identity.

secondary

Employ #FB5607 for vibrant, energetic sections or calls to action, adding warmth and dynamism.

accent

Apply #FFBC0A as a bright, golden highlight for key elements, icons, or to create a luminous effect.

background

Utilize #E0BBE4 as a soft, ethereal background, offering a delicate contrast to the deeper jewel tones.

text

For optimal readability on light backgrounds, use #5D001E, which provides strong contrast and maintains the palette's depth.

Accessibility notes

  • Ensure #5D001E text on #E0BBE4 background meets WCAG AA contrast standards.
  • The vibrant #FB5607 and #FFBC0A may need to be used for larger text or graphical elements to ensure readability.
  • When using dark reds as backgrounds, pair them with white or a very light text color for sufficient contrast.
  • Test color combinations for readability, especially for users with color vision deficiencies.

Recommended combinations

Warm Glow

For a captivating header, golden highlight, and an energetic secondary element.

#9A031E · #FFBC0A · #FB5607

Deep & Light Contrast

Ideal for balancing deep richness with ethereal lightness in content sections.

#5D001E · #E0BBE4 · #FB5607

Vibrant Accent

Perfect for prominent calls to action or interactive elements that need to pop against a soft backdrop.

#FFBC0A · #E0BBE4 · #9A031E

CSS variables

:root {
  --regal-gemstone-splendor-1: #5D001E;
  --regal-gemstone-splendor-2: #9A031E;
  --regal-gemstone-splendor-3: #FB5607;
  --regal-gemstone-splendor-4: #FFBC0A;
  --regal-gemstone-splendor-5: #E0BBE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-gemstone-splendor": {
        1: "#5D001E",
        2: "#9A031E",
        3: "#FB5607",
        4: "#FFBC0A",
        5: "#E0BBE4",
      }
    }
  }
}

Related searches

regal red gold paletteopulent jewel tonesfestive luxury colorswarm gemstone schemeelegant autumn palette

Palette colors

Hex values

Color 1#5D001E
·
Color 2#9A031E
·
Color 3#FB5607
·
Color 4#FFBC0A
·
Color 5#E0BBE4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
4.3:1AA18
8.4:1AAA
8.4:1AAA
2
1.6:1Fail
2.7:1Fail
5.2:1AA
5.2:1AA
3
4.3:1AA18
2.7:1Fail
1.9:1Fail
1.9:1Fail
4
8.4:1AAA
5.2:1AA
1.9:1Fail
1:1Fail
5
8.4:1AAA
5.2:1AA
1.9:1Fail
1:1Fail

Similar palettes

More like Regal Gemstone Splendor

View all dark