Back to palettes

Palette

Lilac Meadow Dream

Dreamy, soft purples and muted tones inspired by a vast, fragrant meadow blooming with lilacs.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lilac Meadow 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 Lilac Meadow Dream.

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

Data visualization

#E6E6FA#D8BFD8#C6A8CE#AF93B8#9B83A4

Palette guide

How to use Lilac Meadow Dream

Overview

The Lilac Meadow Dream palette offers a truly dreamy and soft collection of purples, reminiscent of a vast, fragrant meadow under a gentle sky. Its muted tones, ranging from the airy #E6E6FA to the deeper #9B83A4, create an atmosphere of delicate beauty and tranquility. Designers and developers can effectively use the subtle transitions between #D8BFD8, #C6A8CE, and #AF93B8 to build layered interfaces that feel inviting and calming. This palette is perfectly suited for projects seeking a romantic, gentle, or feminine touch, making it ideal for wedding stationery, children's brands, or any digital space that aims to evoke a peaceful and enchanting experience.

Best used for

  • Wedding stationery and event branding
  • Children's product design and websites
  • Romantic photography portfolios
  • Gentle, calming mobile app interfaces
  • Craft and handmade goods e-commerce
  • Personal blogs with a soft, ethereal aesthetic

Suggested color roles

primary

Utilize #9B83A4 for foundational elements, main headings, or subtle borders, providing a grounding, muted purple presence.

secondary

Employ #AF93B8 for secondary content areas, card backgrounds, or prominent button states, adding a harmonious mid-tone.

accent

Apply #D8BFD8 sparingly for delicate highlights, interactive elements, or decorative patterns, offering a soft, inviting touch.

background

The lightest shade, #E6E6FA, is ideal for expansive, airy backgrounds, creating a sense of openness and tranquility.

text

A dark charcoal or soft black is recommended for primary text on these light backgrounds, ensuring optimal readability against the gentle hues.

Accessibility notes

  • Ensure sufficient contrast between dark text (charcoal/black) and light backgrounds like #E6E6FA or #D8BFD8.
  • Avoid using light-to-mid purples like #C6A8CE or #AF93B8 for small text on similar backgrounds; prioritize dark, legible text.
  • Use contrast checkers to verify all color combinations for WCAG AA compliance, especially for interactive elements.
  • Consider providing a slight text shadow for better legibility if text is placed over a background with subtle color variations.

Recommended combinations

Soft Landing

Ideal for content: #E6E6FA as background, #AF93B8 for headings, and #9B83A4 for main body text (with sufficient contrast).

#E6E6FA · #AF93B8 · #9B83A4

Muted Layers

Creates gentle depth: #C6A8CE for a section, #D8BFD8 for a card, and #AF93B8 for subtle text or accents.

#C6A8CE · #D8BFD8 · #AF93B8

Dreamy Accent

Use #9B83A4 for a grounding element, #E6E6FA for content, and #D8BFD8 for delicate highlights or icons.

#9B83A4 · #E6E6FA · #D8BFD8

CSS variables

:root {
  --lilac-meadow-dream-1: #E6E6FA;
  --lilac-meadow-dream-2: #D8BFD8;
  --lilac-meadow-dream-3: #C6A8CE;
  --lilac-meadow-dream-4: #AF93B8;
  --lilac-meadow-dream-5: #9B83A4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lilac-meadow-dream": {
        1: "#E6E6FA",
        2: "#D8BFD8",
        3: "#C6A8CE",
        4: "#AF93B8",
        5: "#9B83A4",
      }
    }
  }
}

Related searches

soft lilac meadowpastel purple dreammuted lavender tonesgentle floral paletteromantic purple scheme

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#D8BFD8
·
Color 3#C6A8CE
·
Color 4#AF93B8
·
Color 5#9B83A4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.2:1Fail
2.8:1Fail
2
1.4:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.7:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
2.2:1Fail
1.6:1Fail
1.3:1Fail
1.2:1Fail
5
2.8:1Fail
2:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Lilac Meadow Dream

View all pastel
Dreamy Lavender Field
Lavender Field Haze
Lavender Fields Dream
Lavender Haze Field
Amethyst Haze Dream
Cottage Garden Blush