Back to palettes

Palette

Regal Ruby Embrace

Deep, intense reds evoking the plush texture and sophisticated feel of regal ruby velvet.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#A52A2A#660000

Palette guide

How to use Regal Ruby Embrace

Overview

The Regal Ruby Embrace palette features deep, intense reds that evoke the plush texture and sophisticated feel of regal ruby velvet. This collection ranges from the profound #660000 to the vibrant #DC143C, with classic shades like #8B0000 and #B22222 providing a rich, cohesive feel. It's an ideal choice for designers aiming to convey passion, luxury, and timeless sophistication. Developers can effectively integrate these hex codes to create visually striking and emotionally resonant digital experiences, from elegant websites to captivating mobile applications. The palette's strong, unified aesthetic ensures a memorable and impactful presence across all design projects, from branding to UI elements.

Best used for

  • Luxury automotive branding
  • High-end fashion retail
  • Classic film posters
  • Wine and spirits packaging
  • Historical drama set design
  • Elegant event invitations

Suggested color roles

primary

The deep #660000 or #8B0000 provides a strong, luxurious primary, excellent for backgrounds or dominant brand elements.

secondary

Use #A52A2A for supporting sections, subheadings, or to add a layer of rich color depth.

accent

The vibrant #DC143C offers a bold and elegant accent, perfect for call-to-action buttons or key highlights.

background

For a deep, opulent background, #660000 or #8B0000 is ideal. For contrast, use a clean off-white or light cream.

text

On dark backgrounds like #660000, use a crisp white or very light cream. On light backgrounds, #660000 or #8B0000 ensures strong readability.

Accessibility notes

  • Ensure white text on #660000, #8B0000, #B22222, #DC143C, or #A52A2A backgrounds meets WCAG AA contrast.
  • Avoid using #B22222 on #A52A2A for small text due to potentially insufficient contrast for some users.
  • All shades are relatively dark; ensure sufficient contrast when pairing any two for text or important UI elements.
  • Consider using a stark white for essential information to ensure maximum readability against these deep reds.

Recommended combinations

Velvet Depth

A harmonious dark scheme for backgrounds, shadows, and layered elements.

#660000 · #8B0000 · #A52A2A

Ruby Highlight

Creates a vibrant contrast for headlines and important calls-to-action.

#8B0000 · #DC143C · #B22222

Rich Gradient

A smooth progression of reds, ideal for subtle gradients or sequential information.

#660000 · #A52A2A · #DC143C

CSS variables

:root {
  --regal-ruby-embrace-1: #8B0000;
  --regal-ruby-embrace-2: #B22222;
  --regal-ruby-embrace-3: #DC143C;
  --regal-ruby-embrace-4: #A52A2A;
  --regal-ruby-embrace-5: #660000;
}

Tailwind config

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

Related searches

deep red color paletteruby velvet colorsluxury red brandingdark red color schemeregal red design

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Regal Ruby Embrace

View all dark