Shades of Serenity Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Shades of Serenity palette

Condividi questa palette a:

Scarica la tavolozza dei colori Shades of Serenity (PNG)

Download shades of serenity color palette PNG image (landscape)
Download shades of serenity color palette PNG image (square)

tavolozza dei colori Shades of Serenity CSS

/* CSS */
.color-1 {
color: #a6a6a6;
}
.color-2 {
color: #b0b0b0;
}
.color-3 {
color: #d4d4d4;
}
.color-4 {
color: #ffffff;
}
.color-5 {
color: #e0e0e0;
}

/* CSS Variables */
:root {
--color-1: #a6a6a6;
--color-2: #b0b0b0;
--color-3: #d4d4d4;
--color-4: #ffffff;
--color-5: #e0e0e0;
}

CSS con gradiente di sfondo Shades of Serenity

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6a6a6, #b0b0b0, #d4d4d4, #ffffff, #e0e0e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6a6a6, #b0b0b0, #d4d4d4, #ffffff, #e0e0e0);
}

Shades of Serenity color palette created on .