Back to palettes

Palette

Deep Crimson Curtain

Rich, deep crimson hues like heavy stage curtains, hinting at dramatic, unfolding stories.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3F0A1D#6B122F#9C1F45#CC2C5E#FA4A7F

Palette guide

How to use Deep Crimson Curtain

Overview

The Deep Crimson Curtain palette presents a dramatic and elegant spectrum of rich reds, evocative of heavy stage curtains. Ranging from the profound #3F0A1D to the vibrant #FA4A7F, with a striking mid-tone like #9C1F45, this collection exudes luxury and passion. Designers can craft sophisticated branding or immersive artistic experiences, while developers can leverage its powerful progression for impactful visual narratives and engaging user interfaces. This palette is ideal for projects that seek to convey drama, romance, or high-end elegance.

Best used for

  • Theater and performing arts branding
  • Luxury fashion websites
  • Romantic themed digital content
  • High-end food and beverage packaging
  • Event planning and invitations
  • Storytelling and editorial design

Suggested color roles

primary

Utilize #3F0A1D as a deep, dramatic base for primary branding, main backgrounds, or commanding headers.

secondary

Apply #6B122F for supporting content, subheadings, or secondary navigation, adding richness and depth.

accent

Highlight calls to action or key information with the vibrant #CC2C5E or #FA4A7F, ensuring clear visibility and allure.

background

The darkest #3F0A1D creates a luxurious, immersive dark theme, while #6B122F can be used for a rich, inviting backdrop.

text

For dark backgrounds, white or a light cream ensures excellent readability. On lighter reds, a deep charcoal or #3F0A1D provides crisp contrast.

Accessibility notes

  • Ensure high contrast for text when using any of these deep reds as backgrounds, especially #6B122F and #9C1F45.
  • Verify that interactive elements using #CC2C5E or #FA4A7F stand out clearly against surrounding darker reds.
  • Prioritize white or light cream text on #3F0A1D and #6B122F for optimal WCAG AA compliance.
  • Avoid using light red text on mid-tone red backgrounds without thorough contrast checking.

Recommended combinations

Stage Shadows

Ideal for creating layered backgrounds or sections that convey depth, mystery, and theatricality.

#3F0A1D · #6B122F · #9C1F45

Crimson Drama

Perfect for gradients or highlights, suggesting a vibrant, unfolding narrative or passion.

#9C1F45 · #CC2C5E · #FA4A7F

Velvet Contrast

Provides a strong contrast for main content, balancing the deepest tone with a bright, impactful accent.

#3F0A1D · #FA4A7F · #6B122F

CSS variables

:root {
  --deep-crimson-curtain-1: #3F0A1D;
  --deep-crimson-curtain-2: #6B122F;
  --deep-crimson-curtain-3: #9C1F45;
  --deep-crimson-curtain-4: #CC2C5E;
  --deep-crimson-curtain-5: #FA4A7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-crimson-curtain": {
        1: "#3F0A1D",
        2: "#6B122F",
        3: "#9C1F45",
        4: "#CC2C5E",
        5: "#FA4A7F",
      }
    }
  }
}

Related searches

deep crimson color palettedramatic red hex codesluxury burgundy schemetheater inspired colorselegant dark red

Palette colors

Hex values

Color 1#3F0A1D
·
Color 2#6B122F
·
Color 3#9C1F45
·
Color 4#CC2C5E
·
Color 5#FA4A7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.2:1AA18
5:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.6:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
3.2:1AA18
2.3:1Fail
1.5:1Fail
1.6:1Fail
5
5:1AA
3.6:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Deep Crimson Curtain

View all dark