Paleta de colores Spotlight Cool

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Spotlight Cool palette

Compartir esta paleta en:

Descargar la paleta de colores Spotlight Cool (PNG)

Download spotlight cool color palette PNG image (landscape)
Download spotlight cool color palette PNG image (square)

CSS de la paleta de colores Spotlight Cool

/* CSS */
.color-1 {
color: #1f2a7a;
}
.color-2 {
color: #3f5c92;
}
.color-3 {
color: #6990b5;
}
.color-4 {
color: #c2c9e5;
}
.color-5 {
color: #ebe9f2;
}

/* CSS Variables */
:root {
--color-1: #1f2a7a;
 --color-2: #3f5c92;
 --color-3: #6990b5;
 --color-4: #c2c9e5;
 --color-5: #ebe9f2;
 }

CSS del degradado de fondo Spotlight Cool

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2a7a, #3f5c92, #6990b5, #c2c9e5, #ebe9f2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2a7a, #3f5c92, #6990b5, #c2c9e5, #ebe9f2);
}

Paletas de colores similares

Spotlight Cool color palette created on .