T
ToolPrime

Lavender Fields Color Palette

A soft lavender palette evoking Provencal flower fields. Perfect for beauty, wellness, and luxury brands.

Deep Lavender

HEX: #4a2375

RGB: rgb(74, 35, 117)

HSL: hsl(269, 54%, 30%)

Provence

HEX: #7b52a8

RGB: rgb(123, 82, 168)

HSL: hsl(269, 34%, 49%)

Lavender

HEX: #9b72cf

RGB: rgb(155, 114, 207)

HSL: hsl(266, 49%, 63%)

Soft Violet

HEX: #c9a7e8

RGB: rgb(201, 167, 232)

HSL: hsl(271, 59%, 78%)

Lavender Mist

HEX: #e8d5f5

RGB: rgb(232, 213, 245)

HSL: hsl(276, 62%, 90%)

CSS Variables

:root {
  --lavender-fields-1: #4a2375;
  --lavender-fields-2: #7b52a8;
  --lavender-fields-3: #9b72cf;
  --lavender-fields-4: #c9a7e8;
  --lavender-fields-5: #e8d5f5;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'lavender-fields': {
          '100': '#4a2375',
          '200': '#7b52a8',
          '300': '#9b72cf',
          '400': '#c9a7e8',
          '500': '#e8d5f5',
        },
      },
    },
  },
}

Use Cases

Beauty brands
Wellness apps
Luxury products
Spa websites

Related Palettes

Frequently Asked Questions

What feelings does lavender evoke?▾
Lavender evokes relaxation, luxury, femininity, and creativity. It is widely associated with beauty products and premium experiences.
Can lavender work for professional websites?▾
Yes. Lighter lavender tones paired with neutral backgrounds create a professional yet distinctive look, especially in beauty, wellness, and creative industries.