Paleta de colores Serene Grayscale

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Serene Grayscale palette

Compartir esta paleta en:

Descargar la paleta de colores Serene Grayscale (PNG)

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

CSS de la paleta de colores Serene Grayscale

/* CSS */
.color-1 {
color: #a6c9a6;
}
.color-2 {
color: #8c8c8c;
}
.color-3 {
color: #2e2e4d;
}
.color-4 {
color: #4c9a9a;
}
.color-5 {
color: #b8b8b8;
}

/* CSS Variables */
:root {
--color-1: #a6c9a6;
 --color-2: #8c8c8c;
 --color-3: #2e2e4d;
 --color-4: #4c9a9a;
 --color-5: #b8b8b8;
 }

CSS del degradado de fondo Serene Grayscale

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6c9a6, #8c8c8c, #2e2e4d, #4c9a9a, #b8b8b8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6c9a6, #8c8c8c, #2e2e4d, #4c9a9a, #b8b8b8);
}

Paletas de colores similares

Serene Grayscale color palette created on .