Back to palettes

Palette

Crimson Gem Glow

Deep, lustrous reds and rich pinks inspired by the intense sparkle of precious crimson gems.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#DC143C#B22222#C71585#FF69B4

Palette guide

How to use Crimson Gem Glow

Overview

The "Crimson Gem Glow" palette features deep, lustrous reds and rich pinks, inspired by the intense sparkle of precious crimson gems. This vibrant collection includes classic Dark Red #8B0000, striking Crimson #DC143C, robust Firebrick #B22222, opulent Medium Violet Red #C71585, and playful Hot Pink #FF69B4. Designers can leverage this palette to create luxurious, passionate, and elegant aesthetics, perfect for evoking sophistication and allure. Its dynamic range from deep jewel tones to bright, vibrant pinks allows for bold contrasts and captivating visual compositions. Developers will find these hex codes ideal for high-end fashion, luxury goods, or any design requiring a dramatic and refined jewel-toned appeal.

Best used for

  • Luxury fashion branding and websites
  • High-end jewelry design
  • Romantic event themes (weddings, galas)
  • Beauty and cosmetics advertising
  • Dramatic and elegant UI design
  • Art and gallery exhibition materials

Suggested color roles

primary

Use #8B0000 (Dark Red) for main brand elements, deep backgrounds, or sophisticated typography, establishing a rich foundation.

secondary

Apply #DC143C (Crimson) or #B22222 (Firebrick) for supporting sections, important headings, or primary calls to action, providing strong visual impact.

accent

Feature #FF69B4 (Hot Pink) for vibrant highlights, interactive elements, or playful accents, drawing immediate attention.

background

Employ #C71585 (Medium Violet Red) as a rich background for specific content blocks, offering depth while maintaining elegance.

text

For dark backgrounds like #8B0000, #DC143C, #B22222, or #C71585, use white or a very light off-white. For lighter elements or as a secondary text color on a very light background, a dark charcoal is suitable.

Accessibility notes

  • Ensure sufficient contrast for light text (e.g., white) on #8B0000 (Dark Red), #DC143C (Crimson), #B22222 (Firebrick), and #C71585 (Medium Violet Red).
  • Avoid using #FF69B4 (Hot Pink) as a background for extensive text; it's best suited for accents or very large headings with high contrast.
  • Test all combinations for WCAG 2.1 AA compliance, especially for interactive elements and small text, as vibrant colors can sometimes pose challenges.
  • Consider using a slightly darker shade of pink for text if placed on #FF69B4 to improve readability, or reserve it for decorative use.

Recommended combinations

Royal Ruby

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

#8B0000 · #DC143C · #FF69B4

Elegant Sparkle

Designing sophisticated backgrounds or visual elements, transitioning from firebrick to violet red with a hot pink highlight for allure.

#B22222 · #C71585 · #FF69B4

Dramatic Focus

Establishing a strong visual hierarchy, using vibrant crimson for primary elements, dark red for grounding, and violet red for depth.

#DC143C · #8B0000 · #C71585

CSS variables

:root {
  --crimson-gem-glow-1: #8B0000;
  --crimson-gem-glow-2: #DC143C;
  --crimson-gem-glow-3: #B22222;
  --crimson-gem-glow-4: #C71585;
  --crimson-gem-glow-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-gem-glow": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#B22222",
        4: "#C71585",
        5: "#FF69B4",
      }
    }
  }
}

Related searches

jewel tone red pink paletteluxury crimson color schemeelegant vibrant redsgemstone inspired hex codesdramatic pink red palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#DC143C
·
Color 3#B22222
·
Color 4#C71585
·
Color 5#FF69B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.5:1Fail
1.8:1Fail
3.8:1AA18
2
2:1Fail
1.3:1Fail
1.1:1Fail
1.9:1Fail
3
1.5:1Fail
1.3:1Fail
1.2:1Fail
2.5:1Fail
4
1.8:1Fail
1.1:1Fail
1.2:1Fail
2:1Fail
5
3.8:1AA18
1.9:1Fail
2.5:1Fail
2:1Fail

Similar palettes

More like Crimson Gem Glow

View all dark
Baroque Jewel Box
Baroque Opera Rich
Baroque Theater Velvet
Byzantine Jewel
Crimson Spark
Crimson Velour