Back to palettes

Palette

Crimson Gemstone Vein

A deep and intense gradient of crimson reds, like precious rubies embedded in rock.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Gemstone Vein 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 Gemstone Vein.

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

Data visualization

#8B0000#DC143C#FF6347#B22222#640000

Palette guide

How to use Crimson Gemstone Vein

Overview

The "Crimson Gemstone Vein" palette presents a deep and intense gradient of crimson reds, like precious rubies embedded in rock. This monochromatic collection features a profound Dark Red #8B0000, a vibrant Crimson #DC143C, a fiery Tomato #FF6347, a classic Firebrick #B22222, and an even deeper Dark Crimson #640000. Designers can leverage this palette to create powerful, luxurious, and intense aesthetics, perfect for evoking drama and sophistication. Its consistent color family ensures harmony while offering enough variation for dynamic visual compositions. Developers will find these hex codes ideal for dark mode interfaces, high-impact branding, or any design requiring a rich, deep, and cohesive red theme with a touch of fiery energy.

Best used for

  • Luxury branding and packaging
  • Dark mode web and app interfaces
  • Dramatic hero sections and headers
  • Gaming UI for fantasy or adventure themes
  • High-end product photography backdrops
  • Art and design portfolios

Suggested color roles

primary

Use #640000 (Dark Crimson) for main backgrounds, navigation, or strong brand elements, providing a profound, anchoring presence.

secondary

Apply #8B0000 (Dark Red) for secondary content blocks, subheadings, or borders, offering a slightly brighter, yet still deep, tone.

accent

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

background

Employ #B22222 (Firebrick) for content areas or cards, balancing the darkness with a warmer, more inviting shade of red.

text

For dark backgrounds like #640000, #8B0000, #DC143C, or #B22222, 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 #640000 (Dark Crimson), #8B0000 (Dark Red), #B22222 (Firebrick), and #DC143C (Crimson).
  • Avoid using #FF6347 (Tomato) as a background for extensive body text; it's best for accents or large, high-contrast headings.
  • Test all combinations for WCAG 2.1 AA compliance, especially for interactive elements and small text, as deep reds can sometimes be tricky.
  • Consider using a slightly desaturated white for text on the darkest reds to prevent visual vibration and improve comfort.

Recommended combinations

Ruby Depth

Creating rich, layered backgrounds or sophisticated gradients that evoke depth and luxury, moving from darkest to vibrant crimson.

#640000 · #8B0000 · #DC143C

Fiery Vein

Highlighting key information or calls to action, combining robust firebrick with a fiery tomato and vibrant crimson for impact.

#B22222 · #FF6347 · #DC143C

Dramatic Contrast

Establishing a powerful visual hierarchy, using dark red for primary elements, tomato for highlights, and darkest crimson for grounding.

#8B0000 · #FF6347 · #640000

CSS variables

:root {
  --crimson-gemstone-vein-1: #8B0000;
  --crimson-gemstone-vein-2: #DC143C;
  --crimson-gemstone-vein-3: #FF6347;
  --crimson-gemstone-vein-4: #B22222;
  --crimson-gemstone-vein-5: #640000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-gemstone-vein": {
        1: "#8B0000",
        2: "#DC143C",
        3: "#FF6347",
        4: "#B22222",
        5: "#640000",
      }
    }
  }
}

Related searches

monochromatic red gemstone palettedeep ruby color schemedark fiery red hex codesluxury crimson gradientintense red design palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#DC143C
·
Color 3#FF6347
·
Color 4#B22222
·
Color 5#640000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
1.5:1Fail
1.4:1Fail
2
2:1Fail
1.7:1Fail
1.3:1Fail
2.7:1Fail
3
3.4:1AA18
1.7:1Fail
2.3:1Fail
4.6:1AA
4
1.5:1Fail
1.3:1Fail
2.3:1Fail
2:1Fail
5
1.4:1Fail
2.7:1Fail
4.6:1AA
2:1Fail

Similar palettes

More like Crimson Gemstone Vein

View all monochrome
Gritty Factory Floor
Ancient Tomb Relic
Basalt Column Grey
Basalt Pillar Shades
Charcoal Ember Haze
Charcoal Smoke Hues