Back to palettes

Palette

Sapphire Ruby Sparkle

A magnificent pairing of deep, radiant ruby reds and vivid, sparkling sapphire blues, truly opulent.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sapphire Ruby Sparkle 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 Sapphire Ruby Sparkle.

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

Data visualization

#800000#B22222#4169E1#0000CD#00BFFF

Palette guide

How to use Sapphire Ruby Sparkle

Overview

The "Sapphire Ruby Sparkle" palette offers a magnificent pairing of deep, radiant ruby reds and vivid, sparkling sapphire blues, creating an opulent and elegant mood. It masterfully blends the rich intensity of #800000 (deep ruby) and #B22222 (vibrant red) with the striking coolness of #4169E1 (royal blue), #0000CD (medium blue), and #00BFFF (deep sky blue). Ideal for designs that demand attention and convey luxury, this palette is perfect for high-impact branding, event materials, or digital interfaces aiming for a bold, sophisticated aesthetic. Its contrasting warm and cool tones provide dynamic visual interest.

Best used for

  • Luxury brand identity and packaging
  • High-end event invitations and decor
  • Jewelry website design or app UI
  • Fashion editorial layouts
  • Theatrical or performance art branding
  • Holiday season marketing materials

Suggested color roles

primary

#4169E1 (Royal Blue) - A strong, confident blue perfect for main headers, navigation, or primary brand elements, conveying stability and elegance.

secondary

#B22222 (Firebrick) - A vibrant, energetic red ideal for subheadings, call-to-action buttons, or graphical accents that need to pop.

accent

#00BFFF (Deep Sky Blue) - A bright, sparkling blue that can highlight interactive elements, small icons, or add a touch of modern flair against the deeper tones.

background

#F8F8F8 (Near White) - A very light, almost white background allows the rich reds and blues to truly stand out without overwhelming the viewer.

text

#1A1A1A (Dark Charcoal) - A deep, near-black for body text, ensuring excellent readability against lighter backgrounds while maintaining a sophisticated feel.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #B22222 or #800000 for text on lighter backgrounds.
  • Avoid using #800000 and #4169E1 in close proximity for critical information for users with red-green color blindness.
  • Test color combinations like #00BFFF on #F8F8F8 to ensure readability for smaller text sizes.
  • Provide alternative cues for interactive elements, not relying solely on color changes for states.

Recommended combinations

Regal Contrast

Effective for primary calls-to-action or hero sections where blue provides context and red demands attention.

#4169E1 · #B22222 · #800000

Deep Sparkle

Use #800000 as a rich background with #00BFFF for highlights or icons, and dark text for contrast.

#800000 · #00BFFF · #B22222

Vibrant Duo

A balanced, energetic pairing for sub-sections or data visualization, offering clear distinction.

#0000CD · #B22222 · #4169E1

CSS variables

:root {
  --sapphire-ruby-sparkle-1: #800000;
  --sapphire-ruby-sparkle-2: #B22222;
  --sapphire-ruby-sparkle-3: #4169E1;
  --sapphire-ruby-sparkle-4: #0000CD;
  --sapphire-ruby-sparkle-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sapphire-ruby-sparkle": {
        1: "#800000",
        2: "#B22222",
        3: "#4169E1",
        4: "#0000CD",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

jewel tone color schemered and blue luxury palettevibrant color combinationselegant design colorsopulent branding palette

Palette colors

Hex values

Color 1#800000
·
Color 2#B22222
·
Color 3#4169E1
·
Color 4#0000CD
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
1:1Fail
5.2:1AA
2
1.6:1Fail
1.4:1Fail
1.7:1Fail
3.1:1AA18
3
2.3:1Fail
1.4:1Fail
2.3:1Fail
2.3:1Fail
4
1:1Fail
1.7:1Fail
2.3:1Fail
5.3:1AA
5
5.2:1AA
3.1:1AA18
2.3:1Fail
5.3:1AA

Similar palettes

More like Sapphire Ruby Sparkle

View all vibrant
Crimson Royal Gem
Deco Sapphire Gleam
Emerald City Gleam
Jewel Box Enchantment
Jewel Box Gems
Regal Gold Sapphire