Lilac Mist Color Palette

A dreamy lilac palette with soft purple hues. Perfect for creative portfolios, beauty, and wellness brands.

Grape

HEX: #8e6aaf

RGB: rgb(142, 106, 175)

HSL: hsl(271, 30%, 55%)

Lilac

HEX: #a987c9

RGB: rgb(169, 135, 201)

HSL: hsl(271, 38%, 66%)

Lilac Mist

HEX: #c4a5de

RGB: rgb(196, 165, 222)

HSL: hsl(273, 46%, 76%)

Soft Lilac

HEX: #dcc6ee

RGB: rgb(220, 198, 238)

HSL: hsl(273, 54%, 85%)

Lavender Haze

HEX: #f0e5fa

RGB: rgb(240, 229, 250)

HSL: hsl(271, 68%, 94%)

CSS Variables

:root {
  --lilac-mist-1: #8e6aaf;
  --lilac-mist-2: #a987c9;
  --lilac-mist-3: #c4a5de;
  --lilac-mist-4: #dcc6ee;
  --lilac-mist-5: #f0e5fa;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'lilac-mist': {
          '100': '#8e6aaf',
          '200': '#a987c9',
          '300': '#c4a5de',
          '400': '#dcc6ee',
          '500': '#f0e5fa',
        },
      },
    },
  },
}