Soft Lilac Dream Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Soft Lilac Dream palette

Share this palette to:

Download Soft Lilac Dream Color Palette (PNG)

Download soft lilac dream color palette PNG image (landscape)
Download soft lilac dream color palette PNG image (square)

Soft Lilac Dream color palette CSS

/* CSS */
.color-1 {
color: #e9d7ea;
}
.color-2 {
color: #d1c2e0;
}
.color-3 {
color: #b49fd0;
}
.color-4 {
color: #a67bb7;
}
.color-5 {
color: #9c5c9d;
}

/* CSS Variables */
:root {
--color-1: #e9d7ea;
--color-2: #d1c2e0;
--color-3: #b49fd0;
--color-4: #a67bb7;
--color-5: #9c5c9d;
}

Soft Lilac Dream background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e9d7ea, #d1c2e0, #b49fd0, #a67bb7, #9c5c9d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e9d7ea, #d1c2e0, #b49fd0, #a67bb7, #9c5c9d);
}

Soft Lilac Dream color palette created on .