Paleta de colores Moon Halo

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Moon Halo palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Moon Halo

Download moon halo color palette PNG image (landscape)
Download moon halo color palette PNG image (square)

CSS de la paleta de colores Moon Halo

/* CSS */
.color-1 {
color: #e5e8ff;
}
.color-2 {
color: #a9c5ef;
}
.color-3 {
color: #6a9bd7;
}
.color-4 {
color: #2f5e92;
}
.color-5 {
color: #1d3f72;
}

/* CSS Variables */
:root {
--color-1: #e5e8ff;
 --color-2: #a9c5ef;
 --color-3: #6a9bd7;
 --color-4: #2f5e92;
 --color-5: #1d3f72;
 }

CSS del degradado de fondo Moon Halo

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e5e8ff, #a9c5ef, #6a9bd7, #2f5e92, #1d3f72);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e5e8ff, #a9c5ef, #6a9bd7, #2f5e92, #1d3f72);
}

Paletas de colores similares

Moon Halo color palette created on .