Back to palettes

Palette

Crimson Spark

Deep, luxurious reds radiating the intense, opulent glow of a fine ruby.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#A52A2A#650000

Palette guide

How to use Crimson Spark

Overview

The "Crimson Spark" palette features deep, luxurious reds radiating the intense, opulent glow of a fine ruby. This dark, rich collection includes a strong Dark Red #8B0000, a robust Firebrick #B22222, a striking Crimson #DC143C, a rich Brown #A52A2A, and an even deeper Dark Crimson #650000. Designers can leverage this palette to create powerful, elegant, and sophisticated aesthetics, perfect for evoking luxury and drama. Its harmonious blend of deep, intense reds allows for seamless transitions and impactful visual 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 showcases
  • Dark mode UI/UX designs
  • Dramatic website hero sections
  • Elegant fashion and lifestyle blogs
  • Fine dining restaurant branding

Suggested color roles

primary

Use #650000 (Dark Crimson) for main backgrounds, navigation, or strong brand elements, establishing a profound, luxurious foundation.

secondary

Apply #8B0000 (Dark Red) or #A52A2A (Brown) for supporting content, subheadings, or borders, providing a rich, intense tone.

accent

Feature #DC143C (Crimson) for vibrant highlights, interactive elements, or calls to action, drawing immediate attention.

background

Employ #B22222 (Firebrick) for specific content blocks, offering a robust and elegant backdrop that maintains readability with light text.

text

For dark backgrounds like #650000, #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 all darker shades: #650000, #8B0000, #A52A2A, #B22222, and #DC143C.
  • Avoid using adjacent dark shades for text and background without verifying WCAG 2.1 AA contrast ratios, especially for smaller text.
  • The palette is inherently dark; ensure adequate text size and weight to maintain readability on all backgrounds.
  • Consider using a slightly desaturated white for text to prevent visual vibration when paired with rich reds.

Recommended combinations

Ruby Glow

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

#650000 · #8B0000 · #DC143C

Elegant Spark

Designing elegant content sections or subtle visual elements, transitioning from rich brown to firebrick and vibrant crimson.

#A52A2A · #B22222 · #DC143C

Deep Contrast

Highlighting key information, using vibrant crimson for emphasis, darkest crimson for grounding, and dark red for support.

#DC143C · #650000 · #8B0000

CSS variables

:root {
  --crimson-spark-1: #8B0000;
  --crimson-spark-2: #B22222;
  --crimson-spark-3: #DC143C;
  --crimson-spark-4: #A52A2A;
  --crimson-spark-5: #650000;
}

Tailwind config

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

Related searches

luxury red color palettedark ruby schemeelegant crimson hex codesrich jewel tone redsopulent dark red palette

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Crimson Spark

View all dark
Crimson Wine Cellar
Garnet Glaze Hue
Gothic Stained Glass
Rich Gem Velvet
Amethyst Veil Mystique
Art Deco Emerald