Paleta de colores Innocent Dystopia

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Innocent Dystopia palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Innocent Dystopia

Download innocent dystopia color palette PNG image (landscape)
Download innocent dystopia color palette PNG image (square)

CSS de la paleta de colores Innocent Dystopia

/* CSS */
.color-1 {
color: #c9d9e4;
}
.color-2 {
color: #a5bad5;
}
.color-3 {
color: #5b809f;
}
.color-4 {
color: #4b5a6c;
}
.color-5 {
color: #3a2a3c;
}

/* CSS Variables */
:root {
--color-1: #c9d9e4;
 --color-2: #a5bad5;
 --color-3: #5b809f;
 --color-4: #4b5a6c;
 --color-5: #3a2a3c;
 }

CSS del degradado de fondo Innocent Dystopia

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c9d9e4, #a5bad5, #5b809f, #4b5a6c, #3a2a3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c9d9e4, #a5bad5, #5b809f, #4b5a6c, #3a2a3c);
}

Paletas de colores similares

Innocent Dystopia color palette created on .