Lilac Haze Color Palette
Soft lilac deepening into a hazy violet.
Use as a gradient →
Colors
#F3E8FF
#E0C3FC
#C89BF7
#AB7DF0
#8C5CE0
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F3E8FF | T - | T - | |
| #E0C3FC | T - | T - | |
| #C89BF7 | T - | T - | |
| #AB7DF0 | T - | T - | |
| #8C5CE0 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Lilac Haze CSS Code
HEX Copy
#F3E8FF #E0C3FC #C89BF7 #AB7DF0 #8C5CE0
RGBA Copy
rgba(243, 232, 255, 1.0) rgba(224, 195, 252, 1.0) rgba(200, 155, 247, 1.0) rgba(171, 125, 240, 1.0) rgba(140, 92, 224, 1.0)
HSLA Copy
hsla(269, 100%, 95%, 1.0) hsla(271, 90%, 88%, 1.0) hsla(269, 85%, 79%, 1.0) hsla(264, 79%, 72%, 1.0) hsla(262, 68%, 62%, 1.0)
More Color Palettes
FAQ
What colors are in the Lilac Haze palette?Soft lilac deepening into a hazy violet.
How do I turn the Lilac Haze palette into a CSS gradient?
Use
background: linear-gradient(to right, #F3E8FF, #E0C3FC, #C89BF7, #AB7DF0, #8C5CE0);, or click "Use as a gradient" above to open it in the live generator.