Back to palettes

Palette

Gentle Lavender Haze

A delicate and dreamy array of purples, like a field of lavender at dusk.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gentle Lavender Haze 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 Gentle Lavender Haze.

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

Data visualization

#A797BD#C2B6D4#DED5E5#887B9F#6D6182

Palette guide

How to use Gentle Lavender Haze

Overview

The "Gentle Lavender Haze" palette presents a delicate and dreamy array of purples, reminiscent of a serene lavender field at dusk. With shades ranging from the very soft lilac "#DED5E5" to the deep, grounding amethyst "#6D6182", this collection exudes tranquility and sophistication. The mid-tones like "#A797BD", "#C2B6D4", and "#887B9F" provide a smooth transition, allowing for elegant layering and depth. This palette is perfect for designs that aim to convey calm, luxury, femininity, or a touch of whimsical elegance, making it highly suitable for beauty, wellness, or creative branding projects.

Best used for

  • Luxury beauty product branding
  • Spa and wellness services
  • Floral design studios
  • Wedding invitations and stationery
  • Creative portfolios (feminine touch)
  • Boutique fashion websites

Suggested color roles

primary

"#6D6182" acts as a deep, sophisticated anchor, perfect for main headings, brand logos, or key calls to action.

secondary

"#887B9F" offers a rich, muted purple for subheadings, navigation, or important content blocks, maintaining elegance.

accent

Use "#A797BD" for subtle highlights, interactive elements, or decorative details to add a gentle, inviting touch.

background

"#DED5E5" provides a very light, airy, almost off-white base, allowing other colors to truly bloom.

text

A dark charcoal or black is recommended for text on lighter backgrounds; "#6D6182" on "#DED5E5" offers excellent contrast.

Accessibility notes

  • "#DED5E5" is very light; ensure dark text (e.g., black) has sufficient contrast on it.
  • "#C2B6D4" and "#A797BD" may require darker text for optimal readability, especially for small font sizes.
  • The darkest colors, "#6D6182" and "#887B9F", provide good contrast with the lightest shades.
  • Always verify WCAG contrast ratios for all text and interactive elements, especially for body copy.

Recommended combinations

Dusk Bloom

For sophisticated branding and clear content hierarchy, providing depth and elegance.

#6D6182 · #887B9F · #A797BD

Petal Soft

Ideal for light backgrounds, subtle textures, or delicate accents that evoke softness.

#C2B6D4 · #DED5E5 · #A797BD

Lavender Field

A balanced trio for elegant UI elements or layered information, creating visual interest.

#A797BD · #DED5E5 · #6D6182

CSS variables

:root {
  --gentle-lavender-haze-1: #A797BD;
  --gentle-lavender-haze-2: #C2B6D4;
  --gentle-lavender-haze-3: #DED5E5;
  --gentle-lavender-haze-4: #887B9F;
  --gentle-lavender-haze-5: #6D6182;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-lavender-haze": {
        1: "#A797BD",
        2: "#C2B6D4",
        3: "#DED5E5",
        4: "#887B9F",
        5: "#6D6182",
      }
    }
  }
}

Related searches

lavender color schemegentle purple palettepastel violet designserene floral colorselegant soft purple branding

Palette colors

Hex values

Color 1#A797BD
·
Color 2#C2B6D4
·
Color 3#DED5E5
·
Color 4#887B9F
·
Color 5#6D6182
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
1.5:1Fail
2.1:1Fail
2
1.4:1Fail
1.3:1Fail
2:1Fail
3:1Fail
3
1.9:1Fail
1.3:1Fail
2.7:1Fail
4:1AA18
4
1.5:1Fail
2:1Fail
2.7:1Fail
1.5:1Fail
5
2.1:1Fail
3:1Fail
4:1AA18
1.5:1Fail

Similar palettes

More like Gentle Lavender Haze

View all pastel
Misty Lavender Farm
Lavender Field Whisper
Lavender Field Whisper
Tranquil Lavender Mist
Twilight Lavender Field
Blushing Petal Softness