Palette

Aura Amethyst Dream

Soft purples and violets inspired by the ethereal layers of an amethyst geode's interior.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#DDA0DD#800080#9370DB#BA55D3

Palette guide

How to use Aura Amethyst Dream

Overview

The "Aura Amethyst Dream" palette offers a serene spectrum of purples, perfect for creating tranquil and sophisticated digital experiences. Featuring soft lavender like #E6E6FA, a gentle plum #DDA0DD, a deep regal purple #800080, a muted violet #9370DB, and a vibrant orchid #BA55D3, it evokes the mystical allure of an amethyst geode. Designers can leverage these hues to build interfaces that feel luxurious yet approachable, fostering a sense of calm. The gradient potential between the lighter and darker shades is excellent for backgrounds and subtle branding, while the bolder purples provide elegant contrasts for typography and interactive elements. Its versatility makes it ideal for projects seeking a touch of ethereal elegance.

Best used for

Luxury brand websites (e.g., jewelry, spa)
Meditation or wellness apps
Feminine product packaging
E-commerce for artisanal goods
Event invitations (weddings, galas)
Personal blogs with a dreamy aesthetic

Suggested color roles

primary

#9370DB - A balanced violet, ideal for main brand elements, large sections, or prominent UI components to establish a sophisticated and calming presence.

secondary

#DDA0DD - A softer plum tone, excellent for supporting panels, secondary buttons, or subtle graphical elements, providing a gentle contrast to the primary.

accent

#BA55D3 - A vibrant orchid purple, perfect for calls-to-action, interactive states, or small decorative details that need to pop with an ethereal glow.

background

#E6E6FA - A very light lavender, serving as a clean, airy base that allows other palette colors to stand out without being stark white.

text

#800080 - A deep, rich purple offering excellent readability against lighter backgrounds like #E6E6FA, or use a dark charcoal for general body text.

Accessibility notes

Ensure sufficient contrast when using #DDA0DD or #9370DB for text over #E6E6FA background; aim for AA or AAA standards.
#800080 provides strong contrast against #E6E6FA, making it suitable for primary text or important headings.
Avoid using #DDA0DD text directly on #BA55D3, as the contrast might be insufficient for readability.
Consider larger font sizes or bolding for text using mid-tone colors like #9370DB on lighter backgrounds.

Recommended combinations

Regal Depth

Elegant website headers, formal presentations, or sophisticated branding.

#E6E6FA · #9370DB · #800080

Soft Bloom

Delicate UI elements, feminine product designs, or dreamy illustrations.

#DDA0DD · #BA55D3 · #E6E6FA

Mystic Glow

Gradient backgrounds, celestial-themed graphics, or artistic digital art.

#800080 · #9370DB · #BA55D3

CSS variables

:root {
  --aura-amethyst-dream-1: #E6E6FA;
  --aura-amethyst-dream-2: #DDA0DD;
  --aura-amethyst-dream-3: #800080;
  --aura-amethyst-dream-4: #9370DB;
  --aura-amethyst-dream-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aura-amethyst-dream": {
        1: "#E6E6FA",
        2: "#DDA0DD",
        3: "#800080",
        4: "#9370DB",
        5: "#BA55D3",
      }
    }
  }
}

Hex values

Color 1#E6E6FA

Color 2#DDA0DD

Color 3#800080

Color 4#9370DB

Color 5#BA55D3

Accessibility

Contrast checker

1.7:1Fail

7.7:1AAA

3.1:1AA18

3.2:1AA18

1.7:1Fail

4.6:1AA

1.8:1Fail

1.9:1Fail

7.7:1AAA

4.6:1AA

2.5:1Fail

2.4:1Fail

3.1:1AA18

1.8:1Fail

2.5:1Fail

1:1Fail

3.2:1AA18

1.9:1Fail

2.4:1Fail

1:1Fail

Similar palettes

More like Aura Amethyst Dream

View all pastel

Dreamy Lavender Field

Lavender Fields Dream

Lavender Haze Dream

Lavender Misty Dream

Lavender Morning Mist

Lavender Sky Drift