Palette

Smoked Amethyst Aura

Deep and mysterious purples reflecting the muted, smoky depths of a dark amethyst crystal.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#724E6F#9C7A99#C8AEC6#4F324D#2F172E

Palette guide

How to use Smoked Amethyst Aura

Overview

The Smoked Amethyst Aura palette presents a captivating array of deep and mysterious purples, evoking the elegant, muted depths of amethyst crystals. Ranging from the profound #2F172E and #4F324D to the sophisticated #724E6F, this collection also includes softer, ethereal tones like #9C7A99 and #C8AEC6. It's ideal for projects that require a touch of luxury, mysticism, or refined drama. Designers can use these shades to create opulent digital interfaces, branding for high-end products, or serene yet intriguing physical spaces. Developers will find these colors suitable for themes that demand a dark, elegant aesthetic with a hint of enigmatic allure.

Best used for

Luxury brand websites
Spirituality or wellness platforms
High-end fashion and beauty products
Evening event invitations
Dark mode UI themes
Mystical or fantasy-themed content

Suggested color roles

primary

#2F172E - A rich, deep purple, perfect for strong branding elements, navigation bars, or a sophisticated background.

secondary

#4F324D - Use for subheadings, footer sections, or large content blocks to add depth while maintaining the dark aesthetic.

accent

#9C7A99 - A muted, elegant purple, ideal for subtle interactive elements, highlights, or decorative flourishes.

background

#724E6F - A mid-dark purple that serves as an excellent, sophisticated base for content, allowing lighter text to stand out.

text

#C8AEC6 - A light, soft purple that provides good contrast against the darker hues, ensuring readability for body text and labels.

Accessibility notes

Ensure #C8AEC6 text has sufficient contrast against all darker background colors in the palette.
The darkest colors, #2F172E and #4F324D, provide excellent contrast for white or very light text.
Avoid using #9C7A99 or #724E6F for small text on similar mid-tone backgrounds; check contrast carefully.
For interactive elements, ensure focus states are clearly distinguishable with adequate contrast.

Recommended combinations

Deep Mystery

A dark, luxurious background with light text and a complementary mid-tone for subtle emphasis.

#2F172E · #C8AEC6 · #724E6F

Elegant UI

Creates a sophisticated interface with layered purple tones, ideal for interactive elements.

#4F324D · #9C7A99 · #C8AEC6

Aura Gradient

A rich combination for hero sections or visual elements that need depth and an ethereal feel.

#724E6F · #2F172E · #9C7A99

CSS variables

:root {
  --smoked-amethyst-aura-1: #724E6F;
  --smoked-amethyst-aura-2: #9C7A99;
  --smoked-amethyst-aura-3: #C8AEC6;
  --smoked-amethyst-aura-4: #4F324D;
  --smoked-amethyst-aura-5: #2F172E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoked-amethyst-aura": {
        1: "#724E6F",
        2: "#9C7A99",
        3: "#C8AEC6",
        4: "#4F324D",
        5: "#2F172E",
      }
    }
  }
}

Hex values

Color 1#724E6F

Color 2#9C7A99

Color 3#C8AEC6

Color 4#4F324D

Color 5#2F172E

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

1.6:1Fail

2.4:1Fail

1.9:1Fail

1.8:1Fail

3:1Fail

4.4:1AA18

3.4:1AA18

1.8:1Fail

5.4:1AA

8:1AAA

1.6:1Fail

3:1Fail

5.4:1AA

1.5:1Fail

2.4:1Fail

4.4:1AA18

8:1AAA

1.5:1Fail

Similar palettes

More like Smoked Amethyst Aura