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.