Back to palettes

Palette

Lavender Field Haze

Soft purples and blues capturing the ethereal beauty and calming aroma of a vast lavender field at dawn.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#D8BFD8#ADD8E6#DDA0DD#BA55D3

Palette guide

How to use Lavender Field Haze

Overview

The Lavender Field Haze palette beautifully blends soft purples and cool blues, capturing the ethereal beauty and calming aroma of a vast lavender field at dawn. Featuring the airy #E6E6FA (Lavender Blush), the gentle #D8BFD8 (Thistle), the refreshing #ADD8E6 (Light Blue), the sweet #DDA0DD (Plum), and the vibrant #BA55D3 (Medium Orchid), this palette offers a dreamy and harmonious aesthetic. Designers will find these hues perfect for creating serene, ethereal, or nature-inspired visual experiences. Developers can leverage this palette to craft soothing digital environments, ideal for wellness, creative, or any application requiring a touch of calm and delicate beauty.

Best used for

  • Spring-themed branding
  • Soft UI designs for apps
  • Children's clothing lines
  • Spa and beauty product packaging
  • Personal journaling apps
  • Artistic photography backdrops

Suggested color roles

primary

#BA55D3 provides a vibrant, yet soft purple, excellent for main headings or brand focal points that need attention.

secondary

#DDA0DD offers a gentle, supportive purple, suitable for subheadings, navigation, or secondary graphical elements.

accent

#ADD8E6 introduces a cool, refreshing contrast, perfect for interactive elements, data visualization accents, or subtle highlights.

background

#E6E6FA serves as a light, airy base, ensuring spaciousness and excellent readability for darker text.

text

Use #BA55D3 or a dark charcoal for prominent headlines. For body text, a dark grey or charcoal is recommended against #E6E6FA for readability.

Accessibility notes

  • Ensure #E6E6FA provides sufficient contrast with lighter palette colors like #D8BFD8 or #DDA0DD for small text.
  • #BA55D3 offers good contrast against #E6E6FA for accessible text, while #ADD8E6 can work for larger text.
  • Avoid using #D8BFD8 or #DDA0DD for critical text elements on light backgrounds, as they may not meet WCAG AA contrast standards.
  • Test interactive elements (buttons, links) to ensure they have clear visual feedback and sufficient contrast for usability.

Recommended combinations

Dawn Mist

For a soft, layered UI. #E6E6FA as background, #D8BFD8 for cards/panels, and #DDA0DD for main text.

#E6E6FA · #D8BFD8 · #DDA0DD

Fresh Accents

Highlight key actions. #E6E6FA for background, #BA55D3 for primary buttons, #ADD8E6 for secondary elements.

#E6E6FA · #BA55D3 · #ADD8E6

Ethereal Depth

Creates a gentle, sophisticated look. #DDA0DD for headers, #ADD8E6 for body text against a medium background, and #E6E6FA for light icons.

#DDA0DD · #ADD8E6 · #E6E6FA

CSS variables

:root {
  --lavender-field-haze-6-1: #E6E6FA;
  --lavender-field-haze-6-2: #D8BFD8;
  --lavender-field-haze-6-3: #ADD8E6;
  --lavender-field-haze-6-4: #DDA0DD;
  --lavender-field-haze-6-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-field-haze-6": {
        1: "#E6E6FA",
        2: "#D8BFD8",
        3: "#ADD8E6",
        4: "#DDA0DD",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

lavender and blue palettemisty floral colorsdreamy pastel UIsoft purple blue schemecalm nature design

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#D8BFD8
·
Color 3#ADD8E6
·
Color 4#DDA0DD
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.7:1Fail
3.2:1AA18
2
1.4:1Fail
1.1:1Fail
1.2:1Fail
2.3:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
2.6:1Fail
4
1.7:1Fail
1.2:1Fail
1.4:1Fail
1.9:1Fail
5
3.2:1AA18
2.3:1Fail
2.6:1Fail
1.9:1Fail

Similar palettes

More like Lavender Field Haze

View all pastel
Lavender Bloom Field
Lavender Bloom Morning
Lavender Field Breeze
Lavender Fields Dream
Blooming Meadow Softness
Blushing Petal Softness