Back to palettes

Palette

Lavender Misty Dream

A soft, ethereal blend of purples and greys, like a dreamy field of lavender at dawn.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lavender Misty 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 Lavender Misty Dream.

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

Data visualization

#A190B7#C6BADD#E4DFF0#8A7DA4#B2A2C6

Palette guide

How to use Lavender Misty Dream

Overview

The "Lavender Misty Dream" palette offers a sophisticated and calming array of muted purples and grays, perfect for designs that aim for understated elegance. Featuring shades like the deep #8A7DA4 and the ethereal #E4DFF0, this palette creates a soft, hazy atmosphere reminiscent of a tranquil morning. The subtle variations, including #A190B7 and #C6BADD, provide ample opportunity for delicate layering and depth without overwhelming the viewer. This collection is particularly effective for projects requiring a serene backdrop, where a sense of peace and refined subtlety is paramount, making it a versatile choice for both digital and print media.

Best used for

  • High-end interior design portfolios
  • Minimalist web design
  • Art and photography galleries
  • Luxury brand packaging
  • Meditation and mindfulness apps
  • Sophisticated personal blogs

Suggested color roles

primary

#8A7DA4 - A deep, anchoring purple-grey, excellent for main content areas, prominent headings, or foundational branding elements.

secondary

#B2A2C6 - A balanced medium purple-grey, ideal for supporting text, secondary navigation, or subtle graphic accents.

accent

#A190B7 - A slightly darker, richer purple-grey that can highlight interactive elements or important information with subtle emphasis.

background

#E4DFF0 - A very light, almost off-white shade, perfect for clean, spacious backgrounds that allow content to breathe.

text

#8A7DA4 - This dark purple-grey offers excellent readability for body text on light backgrounds, or a deep charcoal for contrast.

Accessibility notes

  • Ensure #8A7DA4 text has sufficient contrast against #E4DFF0 backgrounds for good readability.
  • Avoid using lighter shades like #C6BADD for small text on #E4DFF0 to prevent legibility issues.
  • Use #A190B7 or #8A7DA4 for interactive elements to ensure they are discernible.
  • Consider larger font sizes for text elements using mid-tone colors like #B2A2C6.

Recommended combinations

Soft Depth

Excellent for creating subtle depth in UI elements, headers, or background patterns.

#E4DFF0 · #C6BADD · #A190B7

Anchored Text

Ideal for body text and subheadings, providing strong readability on a light, airy canvas.

#E4DFF0 · #8A7DA4 · #B2A2C6

Muted Highlight

Use for accentuating specific sections or interactive elements without creating harsh contrasts.

#C6BADD · #A190B7 · #8A7DA4

CSS variables

:root {
  --lavender-misty-dream-1: #A190B7;
  --lavender-misty-dream-2: #C6BADD;
  --lavender-misty-dream-3: #E4DFF0;
  --lavender-misty-dream-4: #8A7DA4;
  --lavender-misty-dream-5: #B2A2C6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-misty-dream": {
        1: "#A190B7",
        2: "#C6BADD",
        3: "#E4DFF0",
        4: "#8A7DA4",
        5: "#B2A2C6",
      }
    }
  }
}

Related searches

muted lavender grey palettesophisticated pastel purplecalm misty color schemeelegant purple grey hex codesethereal minimalist design colors

Palette colors

Hex values

Color 1#A190B7
·
Color 2#C6BADD
·
Color 3#E4DFF0
·
Color 4#8A7DA4
·
Color 5#B2A2C6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
1.3:1Fail
1.2:1Fail
2
1.6:1Fail
1.4:1Fail
2.1:1Fail
1.3:1Fail
3
2.2:1Fail
1.4:1Fail
2.9:1Fail
1.8:1Fail
4
1.3:1Fail
2.1:1Fail
2.9:1Fail
1.6:1Fail
5
1.2:1Fail
1.3:1Fail
1.8:1Fail
1.6:1Fail

Similar palettes

More like Lavender Misty Dream

View all pastel
Dreamy Lavender Field
Lavender Fields Dream
Amethyst Haze Dream
Aura Amethyst Dream
Dreamy Lavender Field
Lavender Bloom Field