Back to palettes

Palette

Provencal Lavender Dreams

Soft, dreamy purples inspired by the sprawling, fragrant lavender fields under a gentle Provençal sun.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Provencal Lavender Dreams 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 Provencal Lavender Dreams.

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

Data visualization

#9370DB#B19CD9#CFC8E9#EBE6F7#D9BCE8

Palette guide

How to use Provencal Lavender Dreams

Overview

The Provencal Lavender Dreams palette is a soft, ethereal collection of purples, inspired by the tranquil lavender fields of Provence. This monochromatic-leaning scheme features the medium violet #9370DB (Medium Purple) as its anchor, gracefully transitioning through lighter shades like #B19CD9 (Lavender Gray) and #CFC8E9 (Lavender Blush). The palette is completed by the very pale #EBE6F7 (Lavender Web) and a slightly pinker #D9BCE8 (Light Wisteria), offering a gradient of soothing tones. This palette is ideal for designers and developers aiming to create serene, feminine, or luxurious environments. It's perfect for projects that require a sense of calm, elegance, and natural beauty, lending a dreamy and sophisticated touch to any design.

Best used for

  • Spa and wellness brand identity
  • Wedding stationery and decor
  • Floral design and boutique branding
  • Meditation or relaxation app interfaces
  • Luxury beauty product packaging
  • Feminine fashion or lifestyle blogs

Suggested color roles

primary

Use #9370DB (Medium Purple) as a dominant brand color for its elegant and calming presence.

secondary

Employ #B19CD9 (Lavender Gray) for navigation, secondary panels, or subtle brand elements, offering a softer tone.

accent

Apply #D9BCE8 (Light Wisteria) for highlights, subtle calls-to-action, or decorative flourishes to add a delicate touch.

background

A light and airy background can be achieved with #EBE6F7 (Lavender Web) or #CFC8E9 (Lavender Blush), providing a soft canvas.

text

For lighter backgrounds, use #9370DB or a dark charcoal for readability. For #9370DB, use white or a very light gray text.

Accessibility notes

  • Ensure sufficient contrast when using lighter purples like #EBE6F7 or #CFC8E9 for text on very light backgrounds; a darker text is crucial.
  • Avoid pairing adjacent light colors from this palette for text and background without careful contrast checking.
  • When using #9370DB for text, ensure its background is light enough (e.g., #EBE6F7) to meet WCAG AA standards.
  • Test all text and interactive element color pairings against WCAG standards, especially for smaller font sizes, to ensure broad accessibility.

Recommended combinations

Lavender Gradient

Excellent for subtle gradients, background patterns, or layered UI elements, creating a smooth, harmonious flow.

#9370DB · #B19CD9 · #CFC8E9

Dreamy Contrast

Ideal for main content areas with legible text, showcasing the primary color against a soft, ethereal background.

#EBE6F7 · #9370DB · #D9BCE8

Soft Elegance

Suitable for delicate accents, borders, or secondary information, offering a light, airy, and sophisticated feel.

#B19CD9 · #D9BCE8 · #CFC8E9

CSS variables

:root {
  --provencal-lavender-dreams-1: #9370DB;
  --provencal-lavender-dreams-2: #B19CD9;
  --provencal-lavender-dreams-3: #CFC8E9;
  --provencal-lavender-dreams-4: #EBE6F7;
  --provencal-lavender-dreams-5: #D9BCE8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "provencal-lavender-dreams": {
        1: "#9370DB",
        2: "#B19CD9",
        3: "#CFC8E9",
        4: "#EBE6F7",
        5: "#D9BCE8",
      }
    }
  }
}

Related searches

lavender color schemepastel purple palettecalm floral colorsdreamy wedding paletteprovence inspired colors

Palette colors

Hex values

Color 1#9370DB
·
Color 2#B19CD9
·
Color 3#CFC8E9
·
Color 4#EBE6F7
·
Color 5#D9BCE8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.1:1AA18
2.2:1Fail
2
1.5:1Fail
1.5:1Fail
2:1Fail
1.4:1Fail
3
2.3:1Fail
1.5:1Fail
1.3:1Fail
1.1:1Fail
4
3.1:1AA18
2:1Fail
1.3:1Fail
1.4:1Fail
5
2.2:1Fail
1.4:1Fail
1.1:1Fail
1.4:1Fail

Similar palettes

More like Provencal Lavender Dreams

View all pastel
Lavender Bloom Field
Lavender Bloom Morning
Lavender Field Breeze
Lavender Field Dreams
Lavender Field Haze
Lavender Field Haze