Paleta de colores Moonlight Sparkle

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Moonlight Sparkle palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Moonlight Sparkle

Download moonlight sparkle color palette PNG image (landscape)
Download moonlight sparkle color palette PNG image (square)

CSS de la paleta de colores Moonlight Sparkle

/* CSS */
.color-1 {
color: #c5d2e7;
}
.color-2 {
color: #a4aed6;
}
.color-3 {
color: #6a809a;
}
.color-4 {
color: #3d4c6c;
}
.color-5 {
color: #1b2a50;
}

/* CSS Variables */
:root {
--color-1: #c5d2e7;
 --color-2: #a4aed6;
 --color-3: #6a809a;
 --color-4: #3d4c6c;
 --color-5: #1b2a50;
 }

CSS del degradado de fondo Moonlight Sparkle

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c5d2e7, #a4aed6, #6a809a, #3d4c6c, #1b2a50);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c5d2e7, #a4aed6, #6a809a, #3d4c6c, #1b2a50);
}

Paletas de colores similares

Moonlight Sparkle color palette created on .