Lavender Palette

CSS variables

:root {
  --color-1: #E0AAFF;
  --color-2: #C77DFF;
  --color-3: #9D4EDD;
  --color-4: #7B2CBF;
  --color-5: #5A189A;
}

Tailwind config

// tailwind.config.js
colors: {
  "lavender-1": "#E0AAFF",
  "lavender-2": "#C77DFF",
  "lavender-3": "#9D4EDD",
  "lavender-4": "#7B2CBF",
  "lavender-5": "#5A189A",
}

About this palette

The Lavender palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.

More palettes