Back to palettes

Palette

Crimson Royal Gem

Rich, passionate reds reminiscent of precious ruby gemstones and luxurious velvet.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Royal Gem 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 Crimson Royal Gem.

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

Data visualization

#8B0000#A52A2A#B22222#DC143C#FF4500

Palette guide

How to use Crimson Royal Gem

Overview

The "Crimson Royal Gem" palette showcases rich, passionate reds reminiscent of precious ruby gemstones and luxurious velvet. This vibrant collection features a strong Dark Red #8B0000, a rich Brown #A52A2A, a robust Firebrick #B22222, a striking Crimson #DC143C, and a fiery Orange Red #FF4500. Designers can leverage this palette to create elegant, dramatic, and sophisticated aesthetics, perfect for evoking luxury and power. Its harmonious blend of deep, intense reds with a fiery accent allows for captivating visual compositions and impactful statements. Developers will find these hex codes ideal for high-end branding, luxury e-commerce, or any design requiring a regal, intense, and opulent appeal.

Best used for

  • Luxury branding and packaging
  • High-end jewelry design
  • Regal event invitations (galas, awards)
  • Dramatic website hero sections
  • Fashion and editorial design
  • Fine dining restaurant branding

Suggested color roles

primary

Use #8B0000 (Dark Red) for main headings, strong brand elements, or deep background sections, establishing a luxurious foundation.

secondary

Apply #B22222 (Firebrick) or #A52A2A (Brown) for supporting content, subheadings, or borders, providing a rich, intense tone.

accent

Feature #FF4500 (Orange Red) for vibrant highlights, interactive elements, or calls to action, drawing immediate attention with its fiery hue.

background

Employ #DC143C (Crimson) for specific content blocks, offering a bold and energetic backdrop that maintains elegance with light text.

text

For dark backgrounds like #8B0000, #A52A2A, #B22222, or #DC143C, use white or a very light off-white. For elements on very light backgrounds, a deep charcoal or black is suitable.

Accessibility notes

  • Ensure sufficient contrast for light text (e.g., white) on #8B0000 (Dark Red), #A52A2A (Brown), #B22222 (Firebrick), and #DC143C (Crimson).
  • Avoid using #FF4500 (Orange Red) as a background for extensive body text; it's best for accents or large, high-contrast headings due to its intensity.
  • Test all combinations for WCAG 2.1 AA compliance, especially for interactive elements and small text, as vibrant reds can sometimes be challenging.
  • Consider using a slightly desaturated white for text on the darkest reds to prevent visual vibration and improve comfort.

Recommended combinations

Royal Ruby

Creating a luxurious and energetic feel for hero sections or key product displays, combining deep red with vibrant crimson and fiery orange-red.

#8B0000 · #DC143C · #FF4500

Velvet Blend

Smooth, elegant gradients for background elements or content blocks, transitioning from rich brown to firebrick and vibrant crimson.

#A52A2A · #B22222 · #DC143C

Gemstone Sparkle

Highlighting key information, using fiery orange-red for emphasis, dark red for grounding, and rich brown for support.

#FF4500 · #8B0000 · #A52A2A

CSS variables

:root {
  --crimson-royal-gem-1: #8B0000;
  --crimson-royal-gem-2: #A52A2A;
  --crimson-royal-gem-3: #B22222;
  --crimson-royal-gem-4: #DC143C;
  --crimson-royal-gem-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-royal-gem": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#DC143C",
        5: "#FF4500",
      }
    }
  }
}

Related searches

luxury red jewel tone paletteroyal crimson color schemeelegant vibrant redsruby gemstone hex codesdramatic red orange palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#DC143C
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2:1Fail
2.9:1Fail
2
1.4:1Fail
1.1:1Fail
1.4:1Fail
2.1:1Fail
3
1.5:1Fail
1.1:1Fail
1.3:1Fail
1.9:1Fail
4
2:1Fail
1.4:1Fail
1.3:1Fail
1.5:1Fail
5
2.9:1Fail
2.1:1Fail
1.9:1Fail
1.5:1Fail

Similar palettes

More like Crimson Royal Gem

View all vibrant
Ruby Velvet Opera
Art Deco Emerald Pool
Emerald Gemstone Luster
Regal Jewel Box
Ruby Gemstone Gleam
Ruby Gemstone Gleam