Palette

Gemstone Radiance Aura

A luxurious blend inspired by deep amethyst, ruby, and sapphire, exuding opulence and grandeur.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gemstone Radiance Aura 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 Gemstone Radiance Aura.

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

Data visualization

#5E003D#9A0061#C787A9#E0BBD4#2A001B

Palette guide

How to use Gemstone Radiance Aura

Overview

The "Gemstone Radiance Aura" palette exudes opulence through its rich blend of deep purples and sophisticated pinks. Dominated by the profound #5E003D and its even deeper counterpart #2A001B, this collection offers a luxurious foundation. It transitions gracefully with the vibrant #9A0061, softening into the elegant #C787A9 and the ethereal #E0BBD4. Designers can harness this palette to craft high-end branding, elegant user interfaces, or sophisticated editorial designs. Developers will find these jewel tones exceptional for creating impactful visual hierarchies, dramatic gradients, or a refined dark mode experience that speaks of luxury and grandeur.

Best used for

Luxury fashion and beauty brands
High-end event and wedding invitations
Elegant e-commerce platforms
Fine dining restaurant branding
Art and cultural institution websites
Sophisticated editorial layouts

Suggested color roles

primary

#5E003D - Ideal for main backgrounds, headers, or robust brand elements, establishing a strong, luxurious presence.

secondary

#9A0061 - Perfect for prominent sections, call-to-action buttons, or key interactive elements, providing a rich, inviting contrast.

accent

#C787A9 - Use for subtle highlights, interactive states, or decorative elements to introduce a touch of soft elegance.

background

#E0BBD4 - A delicate, soft pink base for content areas, offering a gentle yet sophisticated backdrop.

text

#2A001B - An extremely dark, almost black, purple for body text on light backgrounds like #E0BBD4, ensuring excellent readability.

Accessibility notes

Ensure sufficient contrast for text when using #C787A9 or #E0BBD4 on light backgrounds.
#2A001B provides strong contrast for text on #E0BBD4.
Avoid placing #C787A9 on #E0BBD4 for critical text due to potential readability issues.
#9A0061 offers good contrast for accents on dark primary colors like #5E003D.

Recommended combinations

Royal Depth

Establish a deep, regal foundation for headers, footers, or impactful visual sections.

#2A001B · #5E003D · #9A0061

Soft Elegance

Create inviting, feminine layouts for content blocks or subtle decorative elements.

#E0BBD4 · #C787A9 · #9A0061

Accent Glow

Use the lighter tones to highlight details against a rich, dark background for a luminous effect.

#5E003D · #C787A9 · #E0BBD4

CSS variables

:root {
  --gemstone-radiance-aura-1: #5E003D;
  --gemstone-radiance-aura-2: #9A0061;
  --gemstone-radiance-aura-3: #C787A9;
  --gemstone-radiance-aura-4: #E0BBD4;
  --gemstone-radiance-aura-5: #2A001B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gemstone-radiance-aura": {
        1: "#5E003D",
        2: "#9A0061",
        3: "#C787A9",
        4: "#E0BBD4",
        5: "#2A001B",
      }
    }
  }
}

Hex values

Color 1#5E003D

Color 2#9A0061

Color 3#C787A9

Color 4#E0BBD4

Color 5#2A001B

Accessibility

Contrast checker

1.7:1Fail

4.8:1AA

7.9:1AAA

1.4:1Fail

1.7:1Fail

2.9:1Fail

4.8:1AA

2.3:1Fail

4.8:1AA

2.9:1Fail

1.6:1Fail

6.7:1AA

7.9:1AAA

4.8:1AA

1.6:1Fail

11:1AAA

1.4:1Fail

2.3:1Fail

6.7:1AA

11:1AAA

Similar palettes

More like Gemstone Radiance Aura

Gemstone Radiance Aura

See it in context.

Ready when you are.

Built with Gemstone Radiance Aura.

How to use Gemstone Radiance Aura

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Royal Depth

Soft Elegance

Accent Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gemstone Radiance Aura