Back to palettes

Palette

Crimson Silk Drape

A deep and rich palette inspired by luxurious crimson silk, evoking a sense of drama and elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D0C11#5D1923#7F2B39#A33F52#2B070A

Palette guide

How to use Crimson Silk Drape

Overview

The "Crimson Silk Drape" palette is a deep and rich collection inspired by luxurious crimson silk, evoking a sense of drama and elegance. This dark, monochromatic gradient moves from a profound #2B070A (Deepest Crimson) to a subtle #A33F52 (Muted Crimson), including intermediate shades like #3D0C11, #5D1923, and #7F2B39. Designers can leverage this palette to create moody, sophisticated, and dramatic aesthetics, perfect for evoking mystery or opulent comfort. Its subtle shift within the red family provides versatility for layering and creating depth without harsh contrasts. Developers will find these hex codes ideal for dark mode interfaces, luxury branding, or any project aiming for a deep, sensual, and visually rich appeal.

Best used for

  • Luxury branding and packaging
  • Dark mode UI/UX designs
  • High-end fashion websites
  • Dramatic editorial design
  • Fine art gallery aesthetics
  • Sophisticated event invitations

Suggested color roles

primary

Use #2B070A (Deepest Crimson) for main backgrounds, navigation, or strong brand elements, creating an immersive, luxurious feel.

secondary

Apply #3D0C11 (Dark Crimson) for secondary content blocks, subheadings, or borders, providing a slightly lighter, yet still intense, tone.

accent

Introduce #A33F52 (Muted Crimson) for subtle highlights, interactive states, or delicate graphic elements, offering a soft contrast.

background

Employ #5D1923 (Medium Crimson) or #7F2B39 (Rich Crimson) for content areas or cards, offering depth and elegance.

text

For dark backgrounds like #2B070A, #3D0C11, #5D1923, or #7F2B39, 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: #2B070A, #3D0C11, #5D1923, #7F2B39, and #A33F52.
  • Avoid using adjacent 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

Silk Depth

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

#2B070A · #3D0C11 · #5D1923

Crimson Drape

Designing elegant content sections or subtle visual elements, transitioning from rich crimson to muted crimson with medium crimson for support.

#7F2B39 · #A33F52 · #5D1923

Subtle Contrast

Highlighting specific elements, using muted crimson for readability against the deepest crimson and rich crimson for emphasis.

#A33F52 · #2B070A · #7F2B39

CSS variables

:root {
  --crimson-silk-drape-2-1: #3D0C11;
  --crimson-silk-drape-2-2: #5D1923;
  --crimson-silk-drape-2-3: #7F2B39;
  --crimson-silk-drape-2-4: #A33F52;
  --crimson-silk-drape-2-5: #2B070A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-silk-drape-2": {
        1: "#3D0C11",
        2: "#5D1923",
        3: "#7F2B39",
        4: "#A33F52",
        5: "#2B070A",
      }
    }
  }
}

Related searches

dark crimson color paletteluxury red silk schememoody elegant hex codesmonochromatic deep reddramatic jewel tone palette

Palette colors

Hex values

Color 1#3D0C11
·
Color 2#5D1923
·
Color 3#7F2B39
·
Color 4#A33F52
·
Color 5#2B070A
·

Accessibility

Contrast checker

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

Similar palettes

More like Crimson Silk Drape

View all dark