Di Serria Sunset Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Di Serria Sunset palette

Share this palette to:

Download Di Serria Sunset Color Palette (PNG)

Download di serria sunset color palette PNG image (landscape)
Download di serria sunset color palette PNG image (square)

Di Serria Sunset color palette CSS

/* CSS */
.color-1 {
color: #da975d;
}
.color-2 {
color: #e4b68b;
}
.color-3 {
color: #f1d4a2;
}
.color-4 {
color: #f8ecb9;
}
.color-5 {
color: #fceacf;
}

/* CSS Variables */
:root {
--color-1: #da975d;
--color-2: #e4b68b;
--color-3: #f1d4a2;
--color-4: #f8ecb9;
--color-5: #fceacf;
}

Di Serria Sunset background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #da975d, #e4b68b, #f1d4a2, #f8ecb9, #fceacf);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #da975d, #e4b68b, #f1d4a2, #f8ecb9, #fceacf);
}

Di Serria Sunset color palette created on .