Back to palettes

Palette

Regal Amethyst Velvet

Rich, deep purples imbued with the grandeur of royal jewels and the mystery of twilight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Amethyst Velvet 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 Amethyst Velvet.

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

Data visualization

#4B0082#6A0DAD#8A2BE2#B098D7#C6AEE7

Palette guide

How to use Regal Amethyst Velvet

Overview

The Regal Amethyst Velvet palette is a collection of rich, deep purples imbued with the grandeur of royal jewels and the mystery of twilight. Ranging from the profound #4B0082 (indigo) to the soft #C6AEE7 (light lavender), with vibrant #6A0DAD (dark violet) and #8A2BE2 (blue violet) in between, this palette exudes elegance and sophistication. Designers and developers can utilize these hex codes to create luxurious, mysterious, and high-impact visuals. It's particularly well-suited for projects that aim to convey a sense of prestige, artistic depth, or mystical allure, offering a versatile range for both dark and lighter applications.

Best used for

  • Luxury brand websites and high-end product design
  • Jewelry e-commerce or fashion editorials
  • Art gallery websites or exhibition branding
  • Mystical or fantasy-themed game aesthetics
  • Elegant event invitations and stationery
  • Sophisticated user interfaces for creative applications

Suggested color roles

primary

Use #4B0082 as a deep, foundational color for backgrounds or main content areas, establishing a regal and mysterious tone.

secondary

Employ #6A0DAD for secondary elements like navigation, headings, or card backgrounds, adding richness and depth.

accent

Apply #8A2BE2 as a vibrant accent for calls-to-action, interactive elements, or key highlights to draw attention.

background

The darkest shade, #4B0082, provides an immersive, elegant background for any application.

text

For text on darker shades, use a light cream or white (#FFFFFF). For lighter backgrounds like #C6AEE7, #4B0082 or a dark charcoal works well.

Accessibility notes

  • Ensure sufficient contrast between the lighter shades like #B098D7 and #C6AEE7 when used for text against other light backgrounds.
  • Pair the deepest purples (#4B0082, #6A0DAD) with bright white text for optimal readability and WCAG AA compliance.
  • Avoid using #8A2BE2 for small text on #6A0DAD backgrounds without careful contrast checking.
  • Consider larger font sizes or bolding for text set in mid-range colors like #B098D7 to improve legibility.

Recommended combinations

Royal Depth

Creates a luxurious header or hero section, combining deep indigo with a vibrant violet accent.

#4B0082 · #8A2BE2 · #6A0DAD

Amethyst Layers

Ideal for building subtle background gradients or layered UI elements with a refined, soft transition.

#6A0DAD · #B098D7 · #C6AEE7

Velvet Highlight

Useful for cards or interactive elements, using a light base with strong, contrasting deep purple and vibrant accent.

#C6AEE7 · #4B0082 · #8A2BE2

CSS variables

:root {
  --regal-amethyst-velvet-2-1: #4B0082;
  --regal-amethyst-velvet-2-2: #6A0DAD;
  --regal-amethyst-velvet-2-3: #8A2BE2;
  --regal-amethyst-velvet-2-4: #B098D7;
  --regal-amethyst-velvet-2-5: #C6AEE7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-amethyst-velvet-2": {
        1: "#4B0082",
        2: "#6A0DAD",
        3: "#8A2BE2",
        4: "#B098D7",
        5: "#C6AEE7",
      }
    }
  }
}

Related searches

deep purple color paletteregal amethyst hex codeselegant violet color schemeluxurious dark uijewel tone branding

Palette colors

Hex values

Color 1#4B0082
·
Color 2#6A0DAD
·
Color 3#8A2BE2
·
Color 4#B098D7
·
Color 5#C6AEE7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
5.1:1AA
6.5:1AA
2
1.4:1Fail
1.5:1Fail
3.7:1AA18
4.7:1AA
3
2.2:1Fail
1.5:1Fail
2.4:1Fail
3:1AA18
4
5.1:1AA
3.7:1AA18
2.4:1Fail
1.3:1Fail
5
6.5:1AA
4.7:1AA
3:1AA18
1.3:1Fail

Similar palettes

More like Regal Amethyst Velvet

View all dark
Midnight Plum
Regal Amethyst Velvet
Amethyst Veil Mystique
Baroque Jewel Box
Gemstone Radiance Aura
Geode Amethyst Core