Paleta de colores Dark Mode

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Dark Mode palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Dark Mode

Download dark mode color palette PNG image (landscape)
Download dark mode color palette PNG image (square)

CSS de la paleta de colores Dark Mode

/* CSS */
.color-1 {
color: #312f41;
}
.color-2 {
color: #413f4b;
}
.color-3 {
color: #5f5b67;
}
.color-4 {
color: #9c9896;
}
.color-5 {
color: #f3f2f2;
}

/* CSS Variables */
:root {
--color-1: #312f41;
 --color-2: #413f4b;
 --color-3: #5f5b67;
 --color-4: #9c9896;
 --color-5: #f3f2f2;
 }

CSS del degradado de fondo Dark Mode

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #312f41, #413f4b, #5f5b67, #9c9896, #f3f2f2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #312f41, #413f4b, #5f5b67, #9c9896, #f3f2f2);
}

Paletas de colores similares

Dark Mode color palette created on .