Back to palettes

Palette

Lilac Evening Veil

Soft, muted purples and grays, like a tranquil evening sky draped in a delicate lilac veil.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lilac Evening 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 Lilac Evening Veil.

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

Data visualization

#A294B1#C7BADC#EAE4F0#837492#5D526C

Palette guide

How to use Lilac Evening Veil

Overview

The Lilac Evening Veil palette casts a serene spell with its soft, muted purples and grays, reminiscent of a tranquil twilight sky. Ranging from the deep, grounding #5D526C to the airy #EAE4F0, this collection offers a sophisticated yet gentle aesthetic. Designers and developers can leverage these subtle hues to create interfaces that feel calm, elegant, and understated. The harmonious blend of #A294B1 and #C7BADC provides ample opportunity for layered designs, while #837492 adds a slightly deeper tone for contrast. It's an excellent choice for projects seeking a refined, peaceful atmosphere without being overly vibrant, perfect for wellness, luxury, or minimalist themes.

Best used for

  • Wellness and self-care app interfaces
  • Sophisticated fashion or beauty brand websites
  • Elegant packaging design for premium products
  • Minimalist interior design mood boards
  • Personal branding with a calm, refined aesthetic
  • Twilight-themed event promotions

Suggested color roles

primary

Utilize #5D526C for strong anchors, main headings, or deep backgrounds, providing a solid, elegant foundation.

secondary

Employ #837492 for subheadings, navigation elements, or secondary sections, offering a gentle yet distinct contrast.

accent

Apply #A294B1 sparingly for subtle interactive elements, delicate iconography, or borders, adding a soft, inviting touch.

background

The lightest shade, #EAE4F0, is ideal for main content backgrounds, offering a clean, airy canvas that echoes soft parchment.

text

The darkest shade, #5D526C, or a deep charcoal, is recommended for primary text on light backgrounds, ensuring optimal readability and maintaining the palette's sophisticated feel.

Accessibility notes

  • Ensure sufficient contrast between dark text (#5D526C) and light backgrounds (#EAE4F0 or #C7BADC) for readability.
  • Avoid using mid-tone purples like #A294B1 or #C7BADC for small text on similar light backgrounds; prioritize dark text.
  • Use a contrast checker to verify all text and interactive element color combinations meet WCAG AA standards.
  • Provide clear visual cues beyond color alone for interactive states, as subtle pastel changes might be missed by some users.

Recommended combinations

Calm Content

Ideal for content pages: #EAE4F0 as background, #5D526C for main text, and #837492 for subheadings or links.

#EAE4F0 · #5D526C · #837492

Elegant Layer

Creates subtle depth: #837492 for a card background, #C7BADC for an inner element, and #A294B1 for an accent border.

#837492 · #C7BADC · #A294B1

Twilight Glow

Use #5D526C for a strong header, #EAE4F0 for body text, and #A294B1 for delicate highlights or interactive elements.

#5D526C · #EAE4F0 · #A294B1

CSS variables

:root {
  --lilac-evening-veil-1: #A294B1;
  --lilac-evening-veil-2: #C7BADC;
  --lilac-evening-veil-3: #EAE4F0;
  --lilac-evening-veil-4: #837492;
  --lilac-evening-veil-5: #5D526C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lilac-evening-veil": {
        1: "#A294B1",
        2: "#C7BADC",
        3: "#EAE4F0",
        4: "#837492",
        5: "#5D526C",
      }
    }
  }
}

Related searches

muted lilac palettetwilight purple colorssubtle lavender schemeelegant pastel greycalm evening hues

Palette colors

Hex values

Color 1#A294B1
·
Color 2#C7BADC
·
Color 3#EAE4F0
·
Color 4#837492
·
Color 5#5D526C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
1.5:1Fail
2.6:1Fail
2
1.6:1Fail
1.5:1Fail
2.4:1Fail
4:1AA18
3
2.3:1Fail
1.5:1Fail
3.5:1AA18
5.8:1AA
4
1.5:1Fail
2.4:1Fail
3.5:1AA18
1.7:1Fail
5
2.6:1Fail
4:1AA18
5.8:1AA
1.7:1Fail

Similar palettes

More like Lilac Evening Veil

View all pastel
Amethyst Haze Veil
Lavender Field
Lavender Field Dreams
Lavender Field Haze
Lavender Field Haze
Lavender Haze Field