Back to palettes

Palette

Ruby Gemstone Shine

Brilliant, intense reds and rosy tones capturing the dazzling sparkle of a precious 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 Shine 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 Shine.

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

Data visualization

#990033#CC3366#FF6699#660022#B22252

Palette guide

How to use Ruby Gemstone Shine

Overview

The Ruby Gemstone Shine palette radiates with a captivating blend of deep ruby and vibrant fuchsia, capturing the dazzling sparkle of a precious stone. From the profound #660022 to the bright #FF6699, this collection offers a sophisticated yet energetic range. The intense #990033 provides a rich foundation, while #CC3366 and #B22252 add layers of luxurious warmth. This palette is exceptionally well-suited for designs that aim to convey glamour, femininity, and refined taste. Designers can use it for high-fashion brands, celebratory events, or any digital interface seeking a touch of vibrant elegance and allure.

Best used for

  • Fashion and jewelry brand identity
  • Cosmetics packaging and advertising
  • Women's lifestyle blogs and websites
  • Event invitations and decor (weddings, galas)
  • Call-to-action buttons with a feminine touch
  • Apparel and accessory e-commerce sites

Suggested color roles

primary

A vivid, engaging fuchsia-red, #CC3366, that makes a strong statement, perfect for main headings or key interactive elements.

secondary

A deep, rich ruby, #990033, that adds gravitas and luxury, suitable for subheadings, navigation, or footer elements.

accent

A bright, playful pinkish-red, #FF6699, that provides a lively pop, ideal for highlights, hover states, or small decorative details.

background

The darkest, most intense shade, #660022, offering a plush, elegant backdrop that enhances the vibrancy of other colors.

text

Use white or a very light gray for text on #660022 and #990033. For #FF6699 or lighter backgrounds, a dark charcoal or black is recommended.

Accessibility notes

  • White text on #660022, #990033, and #B22252 should meet WCAG AA contrast.
  • Exercise caution when using #FF6699 for text, especially against white; prefer it for larger display text or accents.
  • Ensure sufficient contrast for lighter shades like #CC3366 when used as text on similar backgrounds.
  • A dark text color (e.g., black or #660022) is essential when #FF6699 is used as a background.

Recommended combinations

Glamorous Depth

Creates a luxurious, high-contrast look, with #660022 as a deep base, #CC3366 for impactful elements, and #FF6699 for sparkling details.

#660022 · #CC3366 · #FF6699

Vibrant Femininity

A sophisticated blend for fashion or beauty, where #B22252 provides warmth, #990033 adds richness, and #CC3366 offers a vibrant lift.

#B22252 · #990033 · #CC3366

Sparkling Highlight

Excellent for drawing attention, using #FF6699 as a bright highlight against the deep, elegant foundation of #660022 and #990033.

#FF6699 · #660022 · #990033

CSS variables

:root {
  --ruby-gemstone-shine-1: #990033;
  --ruby-gemstone-shine-2: #CC3366;
  --ruby-gemstone-shine-3: #FF6699;
  --ruby-gemstone-shine-4: #660022;
  --ruby-gemstone-shine-5: #B22252;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-gemstone-shine": {
        1: "#990033",
        2: "#CC3366",
        3: "#FF6699",
        4: "#660022",
        5: "#B22252",
      }
    }
  }
}

Related searches

fuchsia red color paletteluxury gemstone colorsglamorous pink red schemevibrant ruby brand colorselegant feminine palette

Palette colors

Hex values

Color 1#990033
·
Color 2#CC3366
·
Color 3#FF6699
·
Color 4#660022
·
Color 5#B22252
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
1.5:1Fail
1.4:1Fail
2
1.8:1Fail
1.8:1Fail
2.7:1Fail
1.3:1Fail
3
3.2:1AA18
1.8:1Fail
4.8:1AA
2.3:1Fail
4
1.5:1Fail
2.7:1Fail
4.8:1AA
2:1Fail
5
1.4:1Fail
1.3:1Fail
2.3:1Fail
2:1Fail

Similar palettes

More like Ruby Gemstone Shine

View all vibrant
Baroque Jewel Box
Crimson Royal Gem
Gilded Baroque Palace
Ruby Gemstone Gleam
Sapphire Ruby Sparkle
Art Deco Emerald Pool