Back to palettes

Palette

Royal Velvet Gem

Deep, rich purples and violets for an opulent, regal, and elegant feel.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Royal Velvet Gem 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 Royal Velvet Gem.

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

Data visualization

#4B0082#800080#BA55D3#DA70D6#E6A8FF

Palette guide

How to use Royal Velvet Gem

Overview

The Royal Velvet Gem palette presents a stunning collection of deep, rich purples and violets, reflecting the opulence of precious gemstones. It ranges from a profound indigo #4B0082, through a classic royal purple #800080, a vibrant medium orchid #BA55D3, and a soft orchid #DA70D6, culminating in a delicate light violet #E6A8FF. This palette is perfect for designs that aim for an opulent, regal, and inherently elegant feel. Designers can use its harmonious progression for sophisticated branding, while developers can implement these hex codes to create luxurious and immersive digital experiences.

Best used for

  • Fine jewelry and luxury goods branding
  • High-end fashion and accessory design
  • Bespoke event planning and invitations
  • Artistic and creative portfolio websites
  • Interior design with a regal aesthetic
  • Mystical or fantasy-themed digital projects

Suggested color roles

primary

#4B0082 - A deep, commanding indigo, ideal for main brand elements, large background sections, or navigation.

secondary

#800080 - A classic royal purple, excellent for supporting sections, sub-headers, or prominent call-to-action buttons.

accent

#BA55D3 - A vibrant medium orchid, perfect for drawing attention to interactive elements, alerts, or key highlights.

background

#E6A8FF - A delicate light violet, suitable for main content areas, card backgrounds, or a subtle, elegant page backdrop.

text

#DA70D6 - Can be used for decorative headings on very light backgrounds. For body text on #E6A8FF, a dark charcoal or #4B0082 provides best readability.

Accessibility notes

  • Ensure sufficient contrast for text using #DA70D6 on #E6A8FF; a darker color should be used for body text.
  • #4B0082 offers strong contrast for white or very light text, making it highly suitable for primary text on dark backgrounds.
  • Avoid placing #BA55D3 text directly on #DA70D6 or #E6A8FF without careful contrast checks due to similar luminance.
  • When using #800080 for text, ensure the background provides WCAG AA compliant contrast (e.g., a light gray or white).

Recommended combinations

Gemstone Depth

Deep indigo as a base, light violet for content, and medium orchid for vibrant accents.

#4B0082 · #E6A8FF · #BA55D3

Royal Gradient

Create a harmonious gradient from royal purple to light violet for backgrounds or visual elements.

#800080 · #DA70D6 · #E6A8FF

Elegant Contrast

Light violet background with deep indigo text and royal purple secondary elements.

#E6A8FF · #4B0082 · #800080

CSS variables

:root {
  --royal-velvet-gem-1: #4B0082;
  --royal-velvet-gem-2: #800080;
  --royal-velvet-gem-3: #BA55D3;
  --royal-velvet-gem-4: #DA70D6;
  --royal-velvet-gem-5: #E6A8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-velvet-gem": {
        1: "#4B0082",
        2: "#800080",
        3: "#BA55D3",
        4: "#DA70D6",
        5: "#E6A8FF",
      }
    }
  }
}

Related searches

purple gemstone paletteluxury violet colorsregal purple designelegant orchid color schemesophisticated dark purple

Palette colors

Hex values

Color 1#4B0082
·
Color 2#800080
·
Color 3#BA55D3
·
Color 4#DA70D6
·
Color 5#E6A8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.3:1AA18
4.5:1AA18
7:1AAA
2
1.4:1Fail
2.4:1Fail
3.3:1AA18
5.1:1AA
3
3.3:1AA18
2.4:1Fail
1.4:1Fail
2.1:1Fail
4
4.5:1AA18
3.3:1AA18
1.4:1Fail
1.6:1Fail
5
7:1AAA
5.1:1AA
2.1:1Fail
1.6:1Fail

Similar palettes

More like Royal Velvet Gem

View all dark
Royal Velvet Drape
Cosmic Bloom
Glamorous Velvet Curtain
Midnight Velvet Drape
Opera House Drama
Opulent Stage Drape