Back to palettes

Palette

Dreamy Lavender Field

A soft and delicate palette capturing the gentle hues of a vast lavender field under a hazy, serene sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#D8BFD8#B0E0E6#C3B0E6#9986CE

Palette guide

How to use Dreamy Lavender Field

Overview

The "Dreamy Lavender Field" palette offers a soft and delicate collection, capturing the gentle hues of a vast lavender field under a hazy, serene sky. Featuring tranquil shades like #E6E6FA, #D8BFD8, and #C3B0E6, it introduces a refreshing touch of #B0E0E6 (a soft blue) and grounds the scheme with the deeper #9986CE. This palette is ideal for designers and developers aiming to create a sense of calm, elegance, and understated beauty. Its harmonious blend of pastels provides ample opportunity for creating gentle gradients, subtle contrasts, and a truly inviting user experience across various platforms.

Best used for

  • Baby product branding and packaging
  • Serene website designs for wellness or lifestyle brands
  • Interior decor mood boards and textile designs
  • Wedding stationery and event branding
  • Spa and beauty salon marketing materials
  • Gentle and calming mobile application interfaces

Suggested color roles

primary

Use #C3B0E6 as a soft, inviting primary color for main sections or prominent UI elements, providing a core lavender feel.

secondary

Apply #D8BFD8 for supportive elements, background accents, or secondary headings to add subtle warmth and depth.

accent

Reserve #9986CE for impactful accents, call-to-action buttons, or important text, offering the deepest contrast in the palette.

background

Employ #E6E6FA as an ethereal and light base background, allowing other colors to gently emerge and create an open, airy feel.

text

For body text, #9986CE offers good readability on lighter backgrounds. A dark charcoal can also be used for maximum clarity.

Accessibility notes

  • Ensure text in #9986CE provides sufficient contrast against #E6E6FA for optimal readability.
  • Be cautious when using #D8BFD8 or #C3B0E6 for small text on #E6E6FA; consider larger font sizes or bolding.
  • The light blue #B0E0E6 can be used for visual separation or subtle highlights, ensuring it doesn't clash with purple tones.
  • Always test color combinations for WCAG compliance, especially for interactive elements and body text.

Recommended combinations

Gentle Haze

Ideal for creating soft, layered backgrounds, subtle gradients, or harmonious visual transitions in digital interfaces.

#E6E6FA · #D8BFD8 · #C3B0E6

Subtle Contrast

Perfect for designs needing a gentle pop of color and clear hierarchy, with the blue providing a refreshing break.

#E6E6FA · #B0E0E6 · #9986CE

Dreamy Depth

Use this combination for graphical elements, illustrations, or card designs where depth and soft visual interest are key.

#C3B0E6 · #D8BFD8 · #9986CE

CSS variables

:root {
  --dreamy-lavender-field-1: #E6E6FA;
  --dreamy-lavender-field-2: #D8BFD8;
  --dreamy-lavender-field-3: #B0E0E6;
  --dreamy-lavender-field-4: #C3B0E6;
  --dreamy-lavender-field-5: #9986CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dreamy-lavender-field": {
        1: "#E6E6FA",
        2: "#D8BFD8",
        3: "#B0E0E6",
        4: "#C3B0E6",
        5: "#9986CE",
      }
    }
  }
}

Related searches

soft lavender color palettedreamy pastel huesserene wedding colorssubtle purple blue schemecalming UI design

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#D8BFD8
·
Color 3#B0E0E6
·
Color 4#C3B0E6
·
Color 5#9986CE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.6:1Fail
2.6:1Fail
2
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.9:1Fail
3
1.2:1Fail
1.2:1Fail
1.4:1Fail
2.2:1Fail
4
1.6:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
5
2.6:1Fail
1.9:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Dreamy Lavender Field

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