Back to palettes

Palette

Crimson Tapestry

Rich, deep crimson and scarlet tones woven together, evoking a sense of ancient royalty and grandeur.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9C1C1F#BF3639#E66365#7F1012#5E080A

Palette guide

How to use Crimson Tapestry

Overview

The Crimson Tapestry palette weaves together rich, deep crimson and scarlet tones, evoking a sense of ancient royalty and grandeur. Featuring profound hues like #5E080A and #7F1012, alongside vibrant accents such as #BF3639 and #E66365, this collection is perfect for projects demanding elegance and sophistication. Designers can leverage its opulent range for luxurious branding or refined digital interfaces. Developers will find these distinct hex codes valuable for crafting harmonious gradients, defining clear visual hierarchies, and creating an immersive experience that speaks to heritage and luxury across mediums.

Best used for

  • Luxury brand identity and packaging
  • High-end fashion and jewelry websites
  • Historical or heritage-themed projects
  • Elegant event invitations and decor
  • Fine dining restaurant branding
  • Theatrical or artistic production design

Suggested color roles

primary

#7F1012 for a deep, regal base that signifies luxury and tradition.

secondary

#9C1C1F to introduce a rich, vibrant layer, suitable for prominent headings or key content areas.

accent

#BF3639 for elegant calls to action or sophisticated highlights that draw the eye.

background

#5E080A provides a profound, velvety backdrop, enhancing the richness of other colors.

text

A classic gold, deep cream, or crisp white against darker shades, or a dark charcoal against #E66365 for readability.

Accessibility notes

  • Ensure very high contrast for text on #5E080A and #7F1012 backgrounds; light text is essential.
  • Text in #9C1C1F or #BF3639 will likely need a light background for readability.
  • Avoid using #E66365 as text on #BF3639 due to insufficient contrast.
  • When using multiple dark reds, differentiate interactive elements with underlines or icons.

Recommended combinations

Royal Depth

Ideal for creating deep, luxurious gradients in backgrounds or large design elements.

#5E080A · #7F1012 · #9C1C1F

Velvet Accent

Perfect for sophisticated calls to action or elegant highlight features.

#9C1C1F · #BF3639 · #7F1012

Grandeur Blend

Great for softer transitions or background elements that need a touch of warmth and richness.

#BF3639 · #E66365 · #9C1C1F

CSS variables

:root {
  --crimson-tapestry-1: #9C1C1F;
  --crimson-tapestry-2: #BF3639;
  --crimson-tapestry-3: #E66365;
  --crimson-tapestry-4: #7F1012;
  --crimson-tapestry-5: #5E080A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-tapestry": {
        1: "#9C1C1F",
        2: "#BF3639",
        3: "#E66365",
        4: "#7F1012",
        5: "#5E080A",
      }
    }
  }
}

Related searches

royal crimson color paletteelegant red brandingdeep scarlet huesluxury color combinationsvelvet red design

Palette colors

Hex values

Color 1#9C1C1F
·
Color 2#BF3639
·
Color 3#E66365
·
Color 4#7F1012
·
Color 5#5E080A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
1.3:1Fail
1.7:1Fail
2
1.5:1Fail
1.7:1Fail
1.9:1Fail
2.5:1Fail
3
2.4:1Fail
1.7:1Fail
3.2:1AA18
4.2:1AA18
4
1.3:1Fail
1.9:1Fail
3.2:1AA18
1.3:1Fail
5
1.7:1Fail
2.5:1Fail
4.2:1AA18
1.3:1Fail

Similar palettes

More like Crimson Tapestry

View all dark
Crimson Bloom Petal
Baroque Theater Velvet
Baroque Crimson Drape
Baroque Opera Glam
Crimson Berry Grove
Crimson Velour