Back to palettes

Palette

Ruby Gemstone Cache

A dazzling array of deep, opulent reds, capturing the intense sparkle of a hidden cache of rubies.

VibrantElegant5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A50021#D9002B#FF3352#7C0018#520010

Palette guide

How to use Ruby Gemstone Cache

Overview

The Ruby Gemstone Cache palette is a dazzling collection of deep, opulent reds, capturing the intense sparkle of a hidden cache of rubies. It features a rich crimson #A50021, a vibrant ruby red #D9002B, a bright scarlet #FF3352, and two darker, grounding reds #7C0018 and #520010. This palette is perfect for designs that demand intensity, luxury, and a striking visual presence. Designers can use its bold progression for powerful branding, while developers can implement these hex codes to create dynamic and memorable digital experiences that exude elegance.

Best used for

  • Luxury jewelry and watch branding
  • High-end fashion editorial design
  • Premium automotive or technology branding
  • High-impact advertising campaigns
  • Event branding (exclusive parties, product launches)
  • Digital interfaces requiring a strong, opulent feel

Suggested color roles

primary

#520010 - The deepest, most grounding red, ideal for main brand elements, large background sections, or navigation.

secondary

#7C0018 - A rich, dark crimson, excellent for supporting sections, sub-headers, or prominent call-to-action buttons.

accent

#FF3352 - A bright scarlet, perfect for drawing attention to interactive elements, alerts, or key highlights.

background

#D9002B - A vibrant ruby red, best used for striking background sections, hero banners, or as a strong brand color. For general content, use a light neutral.

text

#A50021 - Can be used for bold headings on light backgrounds. For body text on #D9002B, white or a very light gray provides best readability. For text on lighter backgrounds, use #520010.

Accessibility notes

  • Ensure extreme contrast for text on #D9002B; white or a very light gray will be necessary for readability.
  • #520010 offers strong contrast for white or very light text, making it highly suitable for primary text on dark backgrounds.
  • Avoid placing #FF3352 text directly on #D9002B or #A50021 without careful contrast checks due to similar luminance.
  • When using #A50021 for text, ensure the background provides WCAG AA compliant contrast (e.g., a light gray or white).

Recommended combinations

Ruby Core

Deepest red as a base, bright scarlet for vibrant accents, and ruby red for secondary elements.

#520010 · #FF3352 · #D9002B

Gemstone Sparkle

Rich crimson for main sections, a slightly lighter crimson for supporting elements, and scarlet for highlights.

#7C0018 · #A50021 · #FF3352

Opulent Contrast

Vibrant ruby red background with deepest red text and rich crimson secondary elements.

#D9002B · #520010 · #A50021

CSS variables

:root {
  --ruby-gemstone-cache-1: #A50021;
  --ruby-gemstone-cache-2: #D9002B;
  --ruby-gemstone-cache-3: #FF3352;
  --ruby-gemstone-cache-4: #7C0018;
  --ruby-gemstone-cache-5: #520010;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-gemstone-cache": {
        1: "#A50021",
        2: "#D9002B",
        3: "#FF3352",
        4: "#7C0018",
        5: "#520010",
      }
    }
  }
}

Related searches

ruby red luxury palettedeep red gemstone colorsvibrant red brand identityopulent red web designrich crimson color scheme

Palette colors

Hex values

Color 1#A50021
·
Color 2#D9002B
·
Color 3#FF3352
·
Color 4#7C0018
·
Color 5#520010
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.4:1Fail
1.9:1Fail
2
1.5:1Fail
1.5:1Fail
2.1:1Fail
2.9:1Fail
3
2.2:1Fail
1.5:1Fail
3.1:1AA18
4.3:1AA18
4
1.4:1Fail
2.1:1Fail
3.1:1AA18
1.4:1Fail
5
1.9:1Fail
2.9:1Fail
4.3:1AA18
1.4:1Fail

Similar palettes

More like Ruby Gemstone Cache

View all Vibrant