Back to palettes

Palette

Velvet Crimson Gloom

A luxurious and somber palette evoking deep velvet curtains in a haunted manor, rich with a melancholic elegance.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C0000#8B0000#3C0000#1A0000#B22222

Palette guide

How to use Velvet Crimson Gloom

Overview

The "Velvet Crimson Gloom" palette immerses designs in a world of profound, somber reds, evoking a melancholic elegance. Dominated by ultra-dark tones like the near-black #1A0000 and the deep #3C0000, punctuated by the slightly brighter #B22222, this collection is ideal for crafting sophisticated, gothic, or highly dramatic visuals. It's a powerful tool for designers and developers aiming for an atmosphere of mysterious luxury, where the subtle interplay of deep crimson hues creates depth and intrigue in UI, branding, or artistic projects, reminiscent of a haunted manor's rich decor.

Best used for

  • Gothic or dark fantasy game environments
  • High-end horror or mystery branding
  • Sophisticated dark mode UI/UX designs
  • Luxury product packaging with a dramatic edge
  • Abstract art or dramatic photography backdrops
  • Themed event decor with a somber elegance

Suggested color roles

primary

Designate #3C0000 as the core deep red, providing a rich yet somber base for main content areas.

secondary

Use #5C0000 for supporting elements or deeper sections, adding subtle variation within the dark theme.

accent

Apply #B22222 as the primary accent, offering the brightest point for crucial calls to action or focal points.

background

Employ #1A0000 for an ultra-dark, almost black background, setting a deeply immersive and dramatic tone.

text

For optimal readability, use pure white or a very light grey for all text elements against these dark hues.

Accessibility notes

  • Due to extreme darkness, ensure all text has very high contrast (e.g., white on #1A0000) to be readable.
  • Avoid using dark text on any palette color; it will almost certainly fail contrast accessibility standards.
  • Interactive elements (buttons, links) must have sufficient contrast, possibly using #B22222 with white text.
  • Limit the use of small font sizes to maximize readability in this inherently low-light color scheme.

Recommended combinations

Deepest Shadow

Creates an intensely dark and mysterious foundation, perfect for backgrounds or dominant elements.

#1A0000 · #3C0000 · #5C0000

Glimmer of Red

Introduces a subtle, yet striking, highlight within the gloom, ideal for accents or interactive components.

#8B0000 · #B22222 · #3C0000

Somber Elegance

Blends the deeper reds to maintain a sophisticated and melancholic aesthetic across various sections.

#5C0000 · #8B0000 · #1A0000

CSS variables

:root {
  --velvet-crimson-gloom-1: #5C0000;
  --velvet-crimson-gloom-2: #8B0000;
  --velvet-crimson-gloom-3: #3C0000;
  --velvet-crimson-gloom-4: #1A0000;
  --velvet-crimson-gloom-5: #B22222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-crimson-gloom": {
        1: "#5C0000",
        2: "#8B0000",
        3: "#3C0000",
        4: "#1A0000",
        5: "#B22222",
      }
    }
  }
}

Related searches

dark gothic colorsmelancholic red palettedeep crimson themeselegant dark redhaunted manor colors

Palette colors

Hex values

Color 1#5C0000
·
Color 2#8B0000
·
Color 3#3C0000
·
Color 4#1A0000
·
Color 5#B22222
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.4:1Fail
2.2:1Fail
2
1.4:1Fail
1.8:1Fail
2:1Fail
1.5:1Fail
3
1.2:1Fail
1.8:1Fail
1.1:1Fail
2.6:1Fail
4
1.4:1Fail
2:1Fail
1.1:1Fail
3:1AA18
5
2.2:1Fail
1.5:1Fail
2.6:1Fail
3:1AA18

Similar palettes

More like Velvet Crimson Gloom

View all dark