Soft Grayscale Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Soft Grayscale palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Soft Grayscale (PNG)

Download soft grayscale color palette PNG image (landscape)
Download soft grayscale color palette PNG image (square)

tavolozza dei colori Soft Grayscale CSS

/* CSS */
.color-1 {
color: #1c1c1c;
}
.color-2 {
color: #8c8c8c;
}
.color-3 {
color: #e0e0e0;
}
.color-4 {
color: #5c5c5c;
}
.color-5 {
color: #d2c6c6;
}

/* CSS Variables */
:root {
--color-1: #1c1c1c;
 --color-2: #8c8c8c;
 --color-3: #e0e0e0;
 --color-4: #5c5c5c;
 --color-5: #d2c6c6;
 }

CSS con gradiente di sfondo Soft Grayscale

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1c1c, #8c8c8c, #e0e0e0, #5c5c5c, #d2c6c6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1c1c, #8c8c8c, #e0e0e0, #5c5c5c, #d2c6c6);
}

Tavolozze di colori simili

Soft Grayscale color palette created on .