Back to palettes

Palette

Ruby Velour

A luxurious spectrum of reds, from deep wine to vibrant crimson, echoing the richness of ruby velvet.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#A52A2A#B22222#CD5C5C#DC143C

Palette guide

How to use Ruby Velour

Overview

The Ruby Velour palette is a rich, luxurious monochrome collection of reds, echoing the plush texture and deep tones of ruby velvet. Ranging from the profound #8B0000 to the vibrant #DC143C, with intermediate shades like #A52A2A, #B22222, and #CD5C5C, this palette offers exceptional depth and sophistication. It's perfectly suited for designs that demand elegance, drama, and a high-end feel. Designers can use this palette to create visually cohesive and impactful branding, sophisticated editorial layouts, or any digital product where a strong, unified red aesthetic is desired. Developers will find these hues easy to integrate for harmonious UI elements.

Best used for

  • Luxury goods and services branding
  • High-end fashion and interior design
  • Dramatic theatrical or film promotions
  • Sophisticated website and app interfaces
  • Editorial design requiring depth and richness
  • Branding for exclusive events or clubs

Suggested color roles

primary

A classic, deep ruby red, #B22222, that conveys richness and stability, ideal for main headings, important sections, or brand identity.

secondary

A brighter, more vibrant red, #DC143C, that offers a dynamic contrast, suitable for subheadings, key interactive elements, or alerts.

accent

A softer, more muted red, #CD5C5C, that provides a gentle highlight or textural detail, perfect for secondary accents or hover states.

background

The deepest, most velvety shade, #8B0000, offering a luxurious and grounding backdrop that allows lighter reds to stand out elegantly.

text

White or a very light cream provides excellent readability on #8B0000, #A52A2A, and #B22222. For #CD5C5C and #DC143C, a dark charcoal or black is recommended.

Accessibility notes

  • White text on #8B0000, #A52A2A, and #B22222 should meet WCAG AA contrast standards.
  • Ensure sufficient contrast when using #CD5C5C or #DC143C for text against white or very light backgrounds.
  • Avoid using lighter reds (e.g., #CD5C5C) for small text on a red background that is not significantly darker.
  • A dark text color (e.g., black or #8B0000) is necessary when #CD5C5C or #DC143C is used as a background.

Recommended combinations

Velvet Depth

Creates a rich, luxurious feel, with #8B0000 as a deep base, #B22222 for core content, and #DC143C for vibrant accents.

#8B0000 · #B22222 · #DC143C

Elegant Gradient

Showcases the subtle shifts in tone, excellent for backgrounds, gradients, or layered UI elements that need a refined touch.

#A52A2A · #CD5C5C · #B22222

Dramatic Highlight

Uses the brightest red for impact, contrasted by the deep, sophisticated foundation of #8B0000 and #A52A2A, for calls to action.

#DC143C · #8B0000 · #A52A2A

CSS variables

:root {
  --ruby-velour-1: #8B0000;
  --ruby-velour-2: #A52A2A;
  --ruby-velour-3: #B22222;
  --ruby-velour-4: #CD5C5C;
  --ruby-velour-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ruby-velour": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#CD5C5C",
        5: "#DC143C",
      }
    }
  }
}

Related searches

monochrome red color schemeruby velvet paletteluxury red brandingdeep red gradient colorselegant dramatic red

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#CD5C5C
·
Color 5#DC143C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2.5:1Fail
2:1Fail
2
1.4:1Fail
1.1:1Fail
1.8:1Fail
1.4:1Fail
3
1.5:1Fail
1.1:1Fail
1.7:1Fail
1.3:1Fail
4
2.5:1Fail
1.8:1Fail
1.7:1Fail
1.3:1Fail
5
2:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Ruby Velour

View all monochrome
Elegant Onyx Chess
Gilded Frame Accent
Smoky Quartz Elegance
Ancient Marble Column
Ancient Marble Statue
Ancient Marble Temple