Paleta de colores Moonlit Serenity

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Moonlit Serenity palette

Compartir esta paleta en:

Descargar la paleta de colores Moonlit Serenity (PNG)

Download moonlit serenity color palette PNG image (landscape)
Download moonlit serenity color palette PNG image (square)

CSS de la paleta de colores Moonlit Serenity

/* CSS */
.color-1 {
color: #41285c;
}
.color-2 {
color: #693f9d;
}
.color-3 {
color: #9860be;
}
.color-4 {
color: #dccbf6;
}
.color-5 {
color: #f9ebb9;
}

/* CSS Variables */
:root {
--color-1: #41285c;
 --color-2: #693f9d;
 --color-3: #9860be;
 --color-4: #dccbf6;
 --color-5: #f9ebb9;
 }

CSS del degradado de fondo Moonlit Serenity

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #41285c, #693f9d, #9860be, #dccbf6, #f9ebb9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #41285c, #693f9d, #9860be, #dccbf6, #f9ebb9);
}

Paletas de colores similares

Moonlit Serenity color palette created on .