Palette

Regal Palace Radiance

Inspired by the opulent decor and luxurious materials of a grand, historic palace.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Palace Radiance 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 Palace Radiance.

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

Data visualization

#8B6B3E#A02C32#1C6B3E#2A478C#B38E5B

Palette guide

How to use Regal Palace Radiance

Overview

The Regal Palace Radiance palette is a vibrant and opulent collection inspired by grand historic palaces, blending rich jewel tones with sophisticated golds. It features striking hues like the deep blue #2A478C, the rich green #1C6B3E, and the bold red #A02C32, all beautifully complemented by the metallic warmth of #8B6B3E and #B38E5B. This palette is ideal for designers seeking to convey luxury, heritage, and grandeur in their projects. Developers can integrate these hex codes to craft immersive digital experiences, from elegant website themes to sophisticated mobile applications, ensuring a consistent and regal aesthetic that captures attention and communicates prestige effectively across various mediums.

Best used for

Museum and gallery branding
Historical documentary graphics
Luxury real estate marketing
High-end architectural presentations
Event branding for formal galas
Opulent restaurant and hotel design

Suggested color roles

primary

The deep blue #2A478C can serve as a strong primary, evoking stability and authority, ideal for backgrounds or main UI elements.

secondary

Use #1C6B3E for supporting sections or as a complementary rich accent, adding depth and natural elegance.

accent

The striking #A02C32 or the brighter gold #B38E5B can be used for impactful accents, call-to-actions, or highlight elements.

background

For a dark, opulent background, #2A478C works well. For lighter areas, consider a very light cream or off-white to contrast.

text

For dark backgrounds like #2A478C, use #B38E5B or a crisp white. On lighter backgrounds, #1C6B3E or #A02C32 offers strong readability.

Accessibility notes

Ensure sufficient contrast when using #8B6B3E or #B38E5B for text on any of the darker jewel tones.
Verify that #A02C32 as an accent color maintains readability against its surrounding elements.
Avoid placing #1C6B3E and #2A478C directly adjacent for small text due to potential low contrast for some users.
Prioritize high contrast for essential UI elements, opting for white or black text if palette colors fall short of WCAG AA.

Recommended combinations

Royal Jewel

A bold and rich combination, perfect for headlines and key visual elements.

#2A478C · #A02C32 · #B38E5B

Palace Elegance

Creates a sophisticated, earthy yet regal feel, ideal for backgrounds and supporting graphics.

#1C6B3E · #8B6B3E · #2A478C

Radiant Accents

Highlights important information with vibrant contrast and luxurious appeal.

#A02C32 · #B38E5B · #2A478C

CSS variables

:root {
  --regal-palace-radiance-1: #8B6B3E;
  --regal-palace-radiance-2: #A02C32;
  --regal-palace-radiance-3: #1C6B3E;
  --regal-palace-radiance-4: #2A478C;
  --regal-palace-radiance-5: #B38E5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-palace-radiance": {
        1: "#8B6B3E",
        2: "#A02C32",
        3: "#1C6B3E",
        4: "#2A478C",
        5: "#B38E5B",
      }
    }
  }
}

Hex values

Color 1#8B6B3E

Color 2#A02C32

Color 3#1C6B3E

Color 4#2A478C

Color 5#B38E5B

Accessibility

Contrast checker

1.5:1Fail

1.3:1Fail

1.8:1Fail

1.6:1Fail

1.5:1Fail

1.1:1Fail

1.2:1Fail

2.4:1Fail

1.3:1Fail

1.1:1Fail

1.4:1Fail

2.2:1Fail

1.8:1Fail

1.2:1Fail

1.4:1Fail

2.9:1Fail

1.6:1Fail

2.4:1Fail

2.2:1Fail

2.9:1Fail

Similar palettes

More like Regal Palace Radiance

Ancient Egyptian Gold

Ancient Gold Tapestry

Baroque Opera Gold