Back to palettes

Palette

Ruby Gemstone Gleam

A striking range of deep reds, like the facets of a brilliant, highly polished ruby gemstone.

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

#8E0000#BC0000#EB0000#FF3333#FF6666

Palette guide

How to use Ruby Gemstone Gleam

Overview

The Ruby Gemstone Gleam palette offers a dazzling gradient of vibrant reds, perfect for projects requiring a bold, luxurious, and energetic aesthetic. Ranging from the deep, rich #8E0000 to the brighter, more playful #FF6666, this collection allows designers to create a sense of opulence and passion. The intense #EB0000 provides a striking focal point, while the slightly muted #BC0000 offers a sophisticated intermediate tone. This palette is ideal for high-impact branding, celebratory themes, or any design needing to convey strong emotion and elegance. Developers will find these reds versatile for UI elements that demand attention.

Best used for

  • Luxury brand websites and packaging
  • Festive holiday marketing materials
  • High-energy event promotions
  • Fashion and beauty product showcases
  • Call-to-action buttons and alerts
  • Dramatic theatrical or film posters

Suggested color roles

primary

A vibrant, attention-grabbing red, #EB0000, ideal for main headings, hero sections, or key brand elements that need to pop.

secondary

A deeper, more grounded red, #BC0000, that provides a sophisticated contrast to the primary, suitable for subheadings or background accents.

accent

A lighter, more playful red, #FF6666, perfect for interactive elements, highlights, or small decorative details to add a touch of sparkle.

background

A deep, rich base, #8E0000, that can provide a luxurious backdrop, offering good contrast with lighter text or elements.

text

Use a near-white or light gray for optimal legibility on darker reds like #8E0000, or a deep charcoal on lighter reds like #FF6666.

Accessibility notes

  • Ensure sufficient contrast when using #FF6666 for text against #EB0000 or similar reds; consider a darker background.
  • Text in white or light gray will likely pass WCAG AA on #8E0000 and #BC0000.
  • Avoid using lighter reds for small text on white or light backgrounds due to poor contrast.
  • Use #8E0000 or #BC0000 for body text against a light background for better readability.

Recommended combinations

Bold Statement

Excellent for headlines with a strong impact, using #EB0000 as the main color, #8E0000 for supporting text, and #FF6666 for small highlights.

#EB0000 · #8E0000 · #FF6666

Elegant Depth

Creates a rich, sophisticated feel, suitable for branding or UI elements where depth and luxury are key, with #FF3333 for interactive states.

#BC0000 · #8E0000 · #FF3333

Vibrant Accent

A lively combination, ideal for call-to-action buttons, alerts, or small graphic elements where #FF6666 stands out.

#FF6666 · #EB0000 · #BC0000

CSS variables

:root {
  --ruby-gemstone-gleam-2-1: #8E0000;
  --ruby-gemstone-gleam-2-2: #BC0000;
  --ruby-gemstone-gleam-2-3: #EB0000;
  --ruby-gemstone-gleam-2-4: #FF3333;
  --ruby-gemstone-gleam-2-5: #FF6666;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-gemstone-gleam-2": {
        1: "#8E0000",
        2: "#BC0000",
        3: "#EB0000",
        4: "#FF3333",
        5: "#FF6666",
      }
    }
  }
}

Related searches

vibrant red color schemeluxury ruby palettebold red UI colorsjewel tone red brandingenergetic red design

Palette colors

Hex values

Color 1#8E0000
·
Color 2#BC0000
·
Color 3#EB0000
·
Color 4#FF3333
·
Color 5#FF6666
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.7:1Fail
3.4:1AA18
2
1.5:1Fail
1.4:1Fail
1.8:1Fail
2.3:1Fail
3
2.1:1Fail
1.4:1Fail
1.3:1Fail
1.6:1Fail
4
2.7:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
5
3.4:1AA18
2.3:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Ruby Gemstone Gleam

View all vibrant
Ruby Gemstone Gleam
Crimson Royal Gem
Emerald Gemstone Luster
Jewel Box Opulence
Jewel Box Radiance
Regal Gold Sapphire