Palette

Regal Jewel Box

A sumptuous collection of deep reds, radiant golds, and vibrant oranges, like treasures from a regal jewel box.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D001E#9A0312#E63946#FF6000#FFBE0B

Palette guide

How to use Regal Jewel Box

Overview

The Regal Jewel Box palette is a vibrant and luxurious collection, brimming with deep reds like #5D001E, energetic oranges such as #FF6000, and brilliant golden #FFBE0B, accented by a captivating #E63946. This scheme evokes the richness of precious gems in an antique chest, perfect for designs that demand warmth, energy, and opulence. Designers can leverage it for festive holiday branding, luxury gift packaging, or high-energy marketing campaigns. Developers will find its bold and vibrant range excellent for crafting engaging, dynamic user interfaces that capture attention and convey excitement and prestige.

Best used for

Festive holiday branding and marketing
Luxury gift packaging design
High-energy marketing campaigns
Opulent event invitations and decor
Gourmet food and beverage branding
Vibrant digital art and illustrations

Suggested color roles

primary

Use #E63946 as the main, captivating red, providing a vibrant and strong base for your brand's identity.

secondary

Employ #FF6000 for energetic sections or calls to action, adding warmth and dynamic appeal.

accent

Apply #FFBE0B as a radiant golden highlight for key elements, icons, or to create a luminous, celebratory effect.

background

Utilize #5D001E as a deep, anchoring red background, allowing the brighter jewel tones to truly shine.

text

For optimal readability on dark backgrounds, use #FFBE0B or white text to ensure strong contrast and maintain the luxurious feel.

Accessibility notes

Dark red backgrounds (#5D001E, #9A0312) require light text (e.g., white or #FFBE0B) to meet WCAG AA contrast standards.
The vibrant #FF6000 and #E63946 may need to be used for larger text or graphical elements to ensure readability.
Avoid using #FFBE0B for small text on a white background, as contrast will be insufficient.
Test color pairings for readability, especially for users with color vision deficiencies, to ensure accessibility.

Recommended combinations

Fiery Trio

For a dynamic header, energetic accent, and a brilliant highlight.

#E63946 · #FF6000 · #FFBE0B

Deep & Bright

Ideal for creating strong visual hierarchy with a deep base and luminous accents.

#5D001E · #FFBE0B · #9A0312

Warm Contrast

Perfect for emphasizing key information or interactive elements with a bold and inviting feel.

#FF6000 · #9A0312 · #E63946

CSS variables

:root {
  --regal-jewel-box-1: #5D001E;
  --regal-jewel-box-2: #9A0312;
  --regal-jewel-box-3: #E63946;
  --regal-jewel-box-4: #FF6000;
  --regal-jewel-box-5: #FFBE0B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-jewel-box": {
        1: "#5D001E",
        2: "#9A0312",
        3: "#E63946",
        4: "#FF6000",
        5: "#FFBE0B",
      }
    }
  }
}

Hex values

Color 1#5D001E

Color 2#9A0312

Color 3#E63946

Color 4#FF6000

Color 5#FFBE0B

Accessibility

Contrast checker

1.6:1Fail

3.4:1AA18

4.7:1AA

8.5:1AAA

1.6:1Fail

2.1:1Fail

2.9:1Fail

5.3:1AA

3.4:1AA18

2.1:1Fail

1.4:1Fail

2.5:1Fail

4.7:1AA

2.9:1Fail

1.4:1Fail

1.8:1Fail

8.5:1AAA

5.3:1AA

2.5:1Fail

1.8:1Fail

Similar palettes

More like Regal Jewel Box

View all vibrant

Ruby Gemstone Gleam

Ruby Velvet Opera

Art Nouveau Gilt Flower

Coronation Gemstone Gleam

Crimson Royal Gem

Emerald Gemstone Luster