Back to palettes

Palette

Jeweled Crown Splendor

A luxurious and regal palette, inspired by the deep, rich hues of precious gemstones in a royal setting.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jeweled Crown 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 Jeweled Crown Splendor.

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

Data visualization

#0A1D3A#1A4B83#0A504B#8B0000#D4AF37

Palette guide

How to use Jeweled Crown Splendor

Overview

The 'Jeweled Crown Splendor' palette is a luxurious and regal collection, inspired by the deep, rich hues of precious gemstones in a royal setting. It features a profound Midnight Blue (#0A1D3A), a sophisticated Royal Blue (#1A4B83), and a deep Emerald Green (#0A504B). A powerful Dark Red (#8B0000) adds a touch of commanding presence, while a radiant Gold (#D4AF37) provides a brilliant, crowning highlight. This palette is ideal for designers and developers aiming to evoke grandeur, authority, and timeless elegance. Its deep, saturated tones are perfect for high-end branding, official institutions, or luxurious digital interfaces.

Best used for

  • royal institution branding
  • luxury automotive websites
  • historical documentary graphics
  • exclusive event invitations
  • high-end men's fashion
  • museum and art gallery websites

Suggested color roles

primary

Midnight Blue (#0A1D3A) serves as a profound primary, ideal for backgrounds or prominent sections conveying depth and authority.

secondary

Royal Blue (#1A4B83) is excellent for navigation, subheadings, or larger UI components, offering sophisticated richness.

accent

Gold (#D4AF37) is the perfect accent for interactive elements, icons, or decorative flourishes, symbolizing wealth and prestige.

background

Emerald Green (#0A504B) can create a rich, verdant background, allowing lighter text and gold accents to truly shine.

text

For dark backgrounds like #0A1D3A or #0A504B, use Gold (#D4AF37) or a crisp white for clear legibility. For lighter elements, a deep charcoal is suitable.

Accessibility notes

  • Ensure Gold (#D4AF37) text has sufficient contrast against lighter backgrounds; it shines best on dark hues.
  • Dark Red (#8B0000) should always be paired with light text (e.g., white or #D4AF37) for readability.
  • Midnight Blue (#0A1D3A) and Emerald Green (#0A504B) require light text for optimal contrast.
  • Always verify WCAG guidelines for color contrast, especially for critical information and interactive components.

Recommended combinations

Regal Base

Ideal for creating a deep, stable, and authoritative foundation for websites or brand identities.

#0A1D3A · #1A4B83 · #0A504B

Crowning Glory

Perfect for highlighting key features or calls-to-action with a luxurious, impactful contrast.

#0A1D3A · #D4AF37 · #8B0000

Emerald Splendor

Effective for sophisticated graphical elements or sections that require a rich, jewel-toned elegance.

#0A504B · #D4AF37 · #1A4B83

CSS variables

:root {
  --jeweled-crown-splendor-1: #0A1D3A;
  --jeweled-crown-splendor-2: #1A4B83;
  --jeweled-crown-splendor-3: #0A504B;
  --jeweled-crown-splendor-4: #8B0000;
  --jeweled-crown-splendor-5: #D4AF37;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jeweled-crown-splendor": {
        1: "#0A1D3A",
        2: "#1A4B83",
        3: "#0A504B",
        4: "#8B0000",
        5: "#D4AF37",
      }
    }
  }
}

Related searches

royal jewel tone palettecrown inspired colorsgold blue green redluxurious regal palettedark elegant branding

Palette colors

Hex values

Color 1#0A1D3A
·
Color 2#1A4B83
·
Color 3#0A504B
·
Color 4#8B0000
·
Color 5#D4AF37
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.8:1Fail
1.7:1Fail
8:1AAA
2
1.9:1Fail
1.1:1Fail
1.1:1Fail
4.2:1AA18
3
1.8:1Fail
1.1:1Fail
1.1:1Fail
4.4:1AA18
4
1.7:1Fail
1.1:1Fail
1.1:1Fail
4.8:1AA
5
8:1AAA
4.2:1AA18
4.4:1AA18
4.8:1AA

Similar palettes

More like Jeweled Crown Splendor

View all dark