Back to palettes

Palette

Amethyst Aura

Rich and mesmerizing purples that emanate the deep, spiritual energy and beauty of amethyst crystals.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A0DAD#9370DB#C7A6EE#5A009A#8060CC

Palette guide

How to use Amethyst Aura

Overview

The Amethyst Aura palette evokes a sense of deep spirituality and refined elegance, drawing inspiration from the mesmerizing hues of amethyst crystals. Featuring rich purples like the primary `#6A0DAD` and supporting `#9370DB`, alongside the lighter, ethereal `#C7A6EE`, this palette is ideal for projects requiring a sophisticated yet mystical touch. Developers and designers can leverage the deep `#5A009A` for impactful calls to action and the balanced `#8060CC` to create harmonious visual hierarchies. Its vibrant yet grounded nature makes it versatile for a range of digital and print applications, ensuring a memorable aesthetic.

Best used for

  • Luxury brand identity and packaging
  • Spiritual wellness apps or websites
  • High-end event invitations and decor
  • Fashion and beauty product design
  • Artistic portfolios and galleries
  • Meditation or mindfulness applications

Suggested color roles

primary

Use `#6A0DAD` as the dominant brand color for headers, main buttons, and key graphical elements to convey luxury and depth.

secondary

Apply `#9370DB` for supporting elements, subheadings, and larger background sections to provide visual interest without overpowering the primary.

accent

Utilize `#C7A6EE` for interactive elements, highlights, hover states, or subtle background patterns to add a touch of lightness and ethereal glow.

background

The soft `#C7A6EE` can serve as a clean, elegant background for content, while `#9370DB` can be used for darker, more immersive sections.

text

For dark text on light backgrounds, use `#5A009A` or a near-black. For light text on darker backgrounds, a crisp white or a very light purple like `#C7A6EE` works well.

Accessibility notes

  • Ensure `#5A009A` or a dark charcoal provides sufficient contrast against `#C7A6EE` for readability in body text.
  • Verify that `#6A0DAD` and `#9370DB` meet WCAG contrast standards when used for text on white or light backgrounds.
  • Avoid using `#C7A6EE` for small text on similarly light backgrounds to prevent readability issues.
  • Consider using a darker shade like `#5A009A` for important UI elements when placed on mid-tone purples like `#8060CC`.

Recommended combinations

Deep & Regal

Excellent for strong brand statements, main headings, or backgrounds requiring a commanding presence.

#6A0DAD · #5A009A · #9370DB

Ethereal Glow

Ideal for serene interfaces, subtle gradients, or elements needing a soft, mystical highlight.

#C7A6EE · #8060CC · #6A0DAD

Balanced Harmony

Perfect for content blocks, secondary navigation, or data visualizations where balance and clarity are key.

#9370DB · #C7A6EE · #5A009A

CSS variables

:root {
  --amethyst-aura-1: #6A0DAD;
  --amethyst-aura-2: #9370DB;
  --amethyst-aura-3: #C7A6EE;
  --amethyst-aura-4: #5A009A;
  --amethyst-aura-5: #8060CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-aura": {
        1: "#6A0DAD",
        2: "#9370DB",
        3: "#C7A6EE",
        4: "#5A009A",
        5: "#8060CC",
      }
    }
  }
}

Related searches

purple color schemesmystical palette designamethyst branding colorselegant UI colorsspiritual website design

Palette colors

Hex values

Color 1#6A0DAD
·
Color 2#9370DB
·
Color 3#C7A6EE
·
Color 4#5A009A
·
Color 5#8060CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
4.4:1AA18
1.2:1Fail
2:1Fail
2
2.5:1Fail
1.8:1Fail
2.9:1Fail
1.3:1Fail
3
4.4:1AA18
1.8:1Fail
5.3:1AA
2.3:1Fail
4
1.2:1Fail
2.9:1Fail
5.3:1AA
2.3:1Fail
5
2:1Fail
1.3:1Fail
2.3:1Fail
2.3:1Fail

Similar palettes

More like Amethyst Aura

View all vibrant
Geode Mineral Luster
Crystal Geode Sparkle
Geode Slice
Art Nouveau Iris
Byzantium Mosaic Art
Celestial Opal Glow