Back to palettes

Palette

Ruby Gemstone Gleam

A dazzling cascade of rich ruby reds, glittering with intense and vibrant preciousness.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ruby Gemstone Gleam 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 Ruby Gemstone Gleam.

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

Data visualization

#8B0000#CC0033#FF3366#FF99AA#6A0000

Palette guide

How to use Ruby Gemstone Gleam

Overview

The Ruby Gemstone Gleam palette presents a luxurious and passionate range of reds, from deep, intense ruby to delicate rosy tones. Anchored by the profound #6A0000 and #8B0000, it transitions through the vibrant #CC0033 and #FF3366, culminating in the soft #FF99AA. This palette is designed for projects that demand elegance, warmth, and a touch of romance. Its versatility allows for dramatic contrasts or subtle gradients, making it excellent for high-end fashion, beauty products, or any design needing a sophisticated yet inviting feel. Developers can leverage these hues for impactful UI elements and rich visual storytelling.

Best used for

  • High-end cosmetic branding
  • Romantic event invitations
  • Luxury fashion editorial layouts
  • Website headers and hero images
  • Decorative accents in sophisticated interfaces
  • Valentine's Day themed promotions

Suggested color roles

primary

A brilliant, captivating red, #CC0033, that commands attention, perfect for headlines, logos, or primary interactive elements.

secondary

A deep, grounding red, #8B0000, that offers stability and elegance, suitable for subheadings or important data visualization.

accent

A soft, delicate pinkish-red, #FF99AA, that provides a gentle highlight or a touch of femininity, ideal for subtle accents or hover states.

background

The deepest shade, #6A0000, offering a rich, velvety background that exudes luxury and depth, pairing well with lighter text.

text

White or a very light gray provides excellent contrast on #6A0000 and #8B0000. For lighter backgrounds like #FF99AA, use a dark charcoal or black.

Accessibility notes

  • Text in white on #6A0000 or #8B0000 will generally meet WCAG AA contrast ratios.
  • Avoid using #FF99AA for small text due to its low contrast against white or light backgrounds.
  • Ensure sufficient contrast for #FF3366 when used for text against lighter reds or white backgrounds.
  • A dark color like #6A0000 or black for text when #FF99AA is used as a background.

Recommended combinations

Rich Contrast

Creates a dramatic yet balanced look, with #6A0000 as a deep base, #CC0033 for key elements, and #FF99AA for delicate details.

#6A0000 · #CC0033 · #FF99AA

Vibrant Pop

Ideal for energetic designs where #FF3366 provides a youthful burst, complemented by the depth of #8B0000 and #CC0033.

#FF3366 · #8B0000 · #CC0033

Subtle Elegance

A sophisticated blend for softer designs, using #8B0000 as a anchor, #FF99AA for lightness, and #CC0033 for a gentle accent.

#8B0000 · #FF99AA · #CC0033

CSS variables

:root {
  --ruby-gemstone-gleam-1: #8B0000;
  --ruby-gemstone-gleam-2: #CC0033;
  --ruby-gemstone-gleam-3: #FF3366;
  --ruby-gemstone-gleam-4: #FF99AA;
  --ruby-gemstone-gleam-5: #6A0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-gemstone-gleam": {
        1: "#8B0000",
        2: "#CC0033",
        3: "#FF3366",
        4: "#FF99AA",
        5: "#6A0000",
      }
    }
  }
}

Related searches

elegant ruby red paletteromantic red color schemedeep red and pink tonesluxurious jewel tonesfashion red color inspiration

Palette colors

Hex values

Color 1#8B0000
·
Color 2#CC0033
·
Color 3#FF3366
·
Color 4#FF99AA
·
Color 5#6A0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
5:1AA
1.3:1Fail
2
1.7:1Fail
1.6:1Fail
2.9:1Fail
2.2:1Fail
3
2.8:1Fail
1.6:1Fail
1.8:1Fail
3.7:1AA18
4
5:1AA
2.9:1Fail
1.8:1Fail
6.4:1AA
5
1.3:1Fail
2.2:1Fail
3.7:1AA18
6.4:1AA

Similar palettes

More like Ruby Gemstone Gleam

View all vibrant
Regal Jewel Box
Ruby Gemstone Gleam
Ruby Velvet Opera
Crimson Royal Gem
Emerald Gemstone Luster
Jewel Box Gems