Back to palettes

Palette

Regal Gold Sapphire

A majestic combination of deep sapphire blues and rich, gleaming gold, exuding opulence and power.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Gold Sapphire 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 Gold Sapphire.

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

Data visualization

#002B4B#004D7A#3A7FA9#D4A80C#FBC02D

Palette guide

How to use Regal Gold Sapphire

Overview

The Regal Gold Sapphire palette presents a majestic combination of deep sapphire blues and radiant golds, exuding opulence, trust, and power. With profound blues like #002B4B and #004D7A, complemented by gleaming golds such as #D4A80C and #FBC02D, this scheme is perfect for designs requiring sophistication and authority. Designers can leverage it for corporate luxury branding, prestigious awards, or high-end technology interfaces. Developers will find these colors excellent for crafting professional and elegant user experiences, ensuring a visual impact that communicates both reliability and prestige.

Best used for

  • Corporate luxury branding
  • Financial institutions websites
  • Prestigious awards and ceremonies
  • Maritime or nautical luxury themes
  • High-end technology product interfaces
  • Formal event branding

Suggested color roles

primary

Use #004D7A as the main, authoritative blue, providing a strong and trustworthy foundation for your brand.

secondary

Employ #D4A80C for deep, luxurious gold accents, adding warmth and a sense of prestige.

accent

Apply #FBC02D as the brightest gold for calls to action, important highlights, or iconic elements that demand attention.

background

Utilize #002B4B as a deep, elegant background, allowing lighter elements to stand out prominently.

text

For optimal readability on dark blue backgrounds, use #FBC02D or white text to ensure strong contrast and a luxurious feel.

Accessibility notes

  • Dark blue backgrounds (#002B4B, #004D7A) require light text (e.g., white or #FBC02D) to meet WCAG AA contrast standards.
  • Ensure #FBC02D text on lighter blue (#3A7FA9) still provides sufficient contrast.
  • Avoid using the lighter gold #FBC02D for small text on a white background, as contrast will be poor.
  • Test color pairings for readability, especially for users with color vision deficiencies.

Recommended combinations

Deep & Bright

For a strong background, a vibrant highlight, and a supportive primary blue.

#002B4B · #FBC02D · #004D7A

Blue Gradient

Ideal for creating visual depth or transitions in backgrounds and large elements.

#004D7A · #3A7FA9 · #002B4B

Gold Highlight

Perfect for emphasizing key information or interactive elements against a deep blue.

#D4A80C · #FBC02D · #004D7A

CSS variables

:root {
  --regal-gold-sapphire-1: #002B4B;
  --regal-gold-sapphire-2: #004D7A;
  --regal-gold-sapphire-3: #3A7FA9;
  --regal-gold-sapphire-4: #D4A80C;
  --regal-gold-sapphire-5: #FBC02D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-gold-sapphire": {
        1: "#002B4B",
        2: "#004D7A",
        3: "#3A7FA9",
        4: "#D4A80C",
        5: "#FBC02D",
      }
    }
  }
}

Related searches

navy gold palettesapphire gold colorsluxury blue goldregal color schemecorporate elegant blue

Palette colors

Hex values

Color 1#002B4B
·
Color 2#004D7A
·
Color 3#3A7FA9
·
Color 4#D4A80C
·
Color 5#FBC02D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
6.5:1AA
8.8:1AAA
2
1.6:1Fail
2:1Fail
4:1AA18
5.4:1AA
3
3.3:1AA18
2:1Fail
2:1Fail
2.6:1Fail
4
6.5:1AA
4:1AA18
2:1Fail
1.3:1Fail
5
8.8:1AAA
5.4:1AA
2.6:1Fail
1.3:1Fail

Similar palettes

More like Regal Gold Sapphire

View all vibrant
Regal Peacock Plume
Ruby Gemstone Gleam
Art Deco Emerald Pool
Baroque Jewel Box
Coronation Gemstone Gleam
Crimson Royal Gem