Back to palettes

Palette

Regal Gemstone Cascade

A majestic and deep palette inspired by a cascade of precious, richly colored gemstones, exuding luxury and drama.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Gemstone Cascade 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 Gemstone Cascade.

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

Data visualization

#4B0082#800080#FF1493#DC143C#B22222

Palette guide

How to use Regal Gemstone Cascade

Overview

The Regal Gemstone Cascade palette is a dramatic and luxurious collection, reminiscent of deep, precious jewels. Featuring profound purples like #4B0082 and #800080, alongside passionate reds such as #DC143C and #B22222, and a striking fuchsia #FF1493, this scheme radiates opulence. Designers can leverage its intensity for high-fashion branding or theatrical designs, while developers can craft rich, immersive digital experiences. The palette's inherent drama makes it perfect for projects aiming to convey luxury, mystery, and a bold, unforgettable aesthetic.

Best used for

  • High-fashion brand identity
  • Theatrical production design
  • Luxury event styling and branding
  • Dramatic web and app themes
  • Opulent product packaging
  • Fantasy-themed digital illustrations

Suggested color roles

primary

Use #800080 as the dominant regal purple, offering a vibrant yet deep foundation for your design.

secondary

Employ #B22222 for strong contrasts or important sections, bringing a passionate and grounding red.

accent

Apply #FF1493 for high-impact calls to action, interactive elements, or focal points that demand attention.

background

Utilize #4B0082 as a deep, mysterious background, providing an elegant canvas for lighter elements.

text

Pair white or a very light gray with the dark background colors to ensure optimal readability and maintain the luxurious feel.

Accessibility notes

  • Ensure light text (e.g., white) on #4B0082 or #800080 backgrounds meets WCAG AA contrast standards.
  • Be mindful when using #FF1493 for text, as its vibrancy might reduce readability on certain backgrounds.
  • Use #DC143C and #B22222 primarily for larger elements or headlines to maximize impact and legibility.
  • Test color pairings for sufficient contrast, especially for interactive elements.

Recommended combinations

Velvet & Fuchsia

For striking headlines or feature sections, with a bold highlight.

#4B0082 · #FF1493 · #800080

Deep Ruby Glow

Ideal for passionate narratives or dramatic visual storytelling.

#B22222 · #DC143C · #800080

Vibrant Statement

Perfect for energetic calls to action or vibrant graphical elements.

#FF1493 · #DC143C · #4B0082

CSS variables

:root {
  --regal-gemstone-cascade-2-1: #4B0082;
  --regal-gemstone-cascade-2-2: #800080;
  --regal-gemstone-cascade-2-3: #FF1493;
  --regal-gemstone-cascade-2-4: #DC143C;
  --regal-gemstone-cascade-2-5: #B22222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-gemstone-cascade-2": {
        1: "#4B0082",
        2: "#800080",
        3: "#FF1493",
        4: "#DC143C",
        5: "#B22222",
      }
    }
  }
}

Related searches

regal purple redjewel tone palettedramatic color schemeluxury purple redopulent gemstone colors

Palette colors

Hex values

Color 1#4B0082
·
Color 2#800080
·
Color 3#FF1493
·
Color 4#DC143C
·
Color 5#B22222
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.6:1AA18
2.6:1Fail
1.9:1Fail
2
1.4:1Fail
2.6:1Fail
1.9:1Fail
1.4:1Fail
3
3.6:1AA18
2.6:1Fail
1.4:1Fail
1.8:1Fail
4
2.6:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail
5
1.9:1Fail
1.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Regal Gemstone Cascade

View all dark
Amethyst Veil Mystique
Regal Orchid Bloom
Royal Gem Twilight
Velvet Midnight Opera
Velvet Opera Night
Baroque Jewel Box