Back to palettes

Palette

Crimson Velour

Rich, deep reds of luxurious velvet paired with cool grays for a dramatic, opulent feel.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#C0C0C0#A9A9A9

Palette guide

How to use Crimson Velour

Overview

The Crimson Velour palette combines rich, deep reds of luxurious velvet with cool grays for a dramatic, opulent feel. Featuring profound hues like #8B0000 and #B22222, balanced by sophisticated grays such as #C0C0C0 and #A9A9A9, this collection is perfect for projects demanding elegance and modern 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 contrasts, defining clear visual hierarchies, and creating an immersive experience that speaks to both tradition and contemporary style.

Best used for

  • Luxury brand identity and packaging
  • High-end fashion and interior design
  • Elegant event invitations and websites
  • Sophisticated digital product interfaces
  • Art and gallery exhibition materials
  • Editorial design for upscale publications

Suggested color roles

primary

#8B0000 for a deep, luxurious base that exudes opulence and warmth.

secondary

#B22222 to introduce a vibrant yet refined layer, suitable for prominent headings or key content areas.

accent

#DC143C for striking highlights or calls to action that demand attention with a touch of glamour.

background

#A9A9A9 provides a sophisticated, neutral backdrop that allows the crimson tones to truly shine.

text

A crisp white or light gray against the deep reds, or a dark charcoal like #333333 against #C0C0C0 for optimal readability.

Accessibility notes

  • Ensure high contrast for text on #8B0000 and #B22222 backgrounds; white or light gray is essential.
  • Text in #DC143C will likely need a light background for readability.
  • Ensure sufficient contrast between #C0C0C0 and #A9A9A9 if used for text/background combinations.
  • Avoid using red text on gray backgrounds if contrast is borderline; opt for darker grays for text.

Recommended combinations

Velvet Contrast

Ideal for creating a dramatic focal point with a luxurious red against a neutral gray.

#8B0000 · #DC143C · #A9A9A9

Elegant Blend

Perfect for sophisticated backgrounds or UI elements that blend warmth with neutrality.

#B22222 · #A9A9A9 · #C0C0C0

Dramatic Pair

Great for creating a strong, elegant statement in headers or prominent sections.

#8B0000 · #C0C0C0 · #B22222

CSS variables

:root {
  --crimson-velour-1: #8B0000;
  --crimson-velour-2: #B22222;
  --crimson-velour-3: #DC143C;
  --crimson-velour-4: #C0C0C0;
  --crimson-velour-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-velour": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#C0C0C0",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

luxury red gray paletteelegant crimson color schemevelvet inspired designdramatic color combinationssophisticated red branding

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#C0C0C0
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
5.5:1AA
4.3:1AA18
2
1.5:1Fail
1.3:1Fail
3.7:1AA18
2.8:1Fail
3
2:1Fail
1.3:1Fail
2.7:1Fail
2.1:1Fail
4
5.5:1AA
3.7:1AA18
2.7:1Fail
1.3:1Fail
5
4.3:1AA18
2.8:1Fail
2.1:1Fail
1.3:1Fail

Similar palettes

More like Crimson Velour

View all dark