Back to palettes

Palette

Amethyst Haze Veil

Soft, ethereal purples drift like mist over a fragrant field of lavender blooms.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EFEAFF#D8CCEE#BCA5E3#9D7AC9#795B99

Palette guide

How to use Amethyst Haze Veil

Overview

The Amethyst Haze Veil palette features soft, ethereal purples that drift like mist over a fragrant field of lavender blooms. From the airy `#EFEAFF` to the grounded `#795B99`, this palette offers designers and developers a soothing and sophisticated range of hues. The balanced mid-tones, `#D8CCEE`, `#BCA5E3`, and `#9D7AC9`, ensure harmonious transitions, making it ideal for projects seeking to evoke calm, elegance, and natural beauty. Its delicate yet structured nature is perfect for creating serene user experiences and refined visual narratives.

Best used for

  • Wellness and aromatherapy product branding
  • Elegant wedding and event stationery
  • E-commerce for natural or organic goods
  • Soft and dreamy digital illustrations
  • Personal blogs and creative portfolios
  • Interior design mood boards

Suggested color roles

primary

Use `#9D7AC9` as a gentle primary color for headings, main navigation, or subtle branding elements to convey soft elegance.

secondary

Apply `#BCA5E3` for supporting content blocks, subheadings, or secondary calls to action, maintaining a harmonious flow.

accent

Utilize `#EFEAFF` for delicate highlights, hover states, or subtle background patterns to add an ethereal, misty touch.

background

The lightest shade, `#EFEAFF`, provides a clean, serene canvas. `#D8CCEE` can be used for slightly richer, yet still soft, sections.

text

For dark text on light backgrounds, `#795B99` or a deep charcoal offers excellent readability. For light text on dark backgrounds, use white or `#EFEAFF`.

Accessibility notes

  • Ensure `#795B99` provides strong contrast for text against `#EFEAFF` and `#D8CCEE` backgrounds.
  • Verify contrast ratios for `#9D7AC9` and `#BCA5E3` when used for text against various background colors within the palette.
  • Avoid using `#EFEAFF` for small text on very light backgrounds to prevent legibility issues.
  • Consider using bold font weights for text in mid-tone shades like `#D8CCEE` on slightly darker backgrounds like `#BCA5E3`.

Recommended combinations

Misty Depths

Excellent for creating depth in footers, sidebars, or backgrounds that require a calming, grounded presence.

#795B99 · #9D7AC9 · #BCA5E3

Ethereal Bloom

Ideal for soft gradients, clean content areas, or delicate UI elements that evoke calm and lightness.

#EFEAFF · #D8CCEE · #BCA5E3

Hazy Contrast

Suited for balancing deeper tones with light accents, such as calls to action or emphasized text on cards.

#9D7AC9 · #EFEAFF · #795B99

CSS variables

:root {
  --amethyst-haze-veil-1: #EFEAFF;
  --amethyst-haze-veil-2: #D8CCEE;
  --amethyst-haze-veil-3: #BCA5E3;
  --amethyst-haze-veil-4: #9D7AC9;
  --amethyst-haze-veil-5: #795B99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-haze-veil": {
        1: "#EFEAFF",
        2: "#D8CCEE",
        3: "#BCA5E3",
        4: "#9D7AC9",
        5: "#795B99",
      }
    }
  }
}

Related searches

lavender haze paletteethereal purple designcalming violet schemepastel purple UIsoft amethyst colors

Palette colors

Hex values

Color 1#EFEAFF
·
Color 2#D8CCEE
·
Color 3#BCA5E3
·
Color 4#9D7AC9
·
Color 5#795B99
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
3:1Fail
4.7:1AA
2
1.3:1Fail
1.4:1Fail
2.3:1Fail
3.7:1AA18
3
1.9:1Fail
1.4:1Fail
1.6:1Fail
2.6:1Fail
4
3:1Fail
2.3:1Fail
1.6:1Fail
1.6:1Fail
5
4.7:1AA
3.7:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Amethyst Haze Veil

View all pastel
Lavender Field Haze
Lavender Field
Lavender Field Dreams
Lavender Field Haze
Lavender Haze Field
Lavender Haze Whisper