Paleta de colores MX Sinister

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with MX Sinister palette

Compartir esta paleta en:

Descargar la paleta de colores MX Sinister (PNG)

Download mx sinister color palette PNG image (landscape)
Download mx sinister color palette PNG image (square)

CSS de la paleta de colores MX Sinister

/* CSS */
.color-1 {
color: #5c1f35;
}
.color-2 {
color: #ac2f3a;
}
.color-3 {
color: #e64c4c;
}
.color-4 {
color: #f5a524;
}
.color-5 {
color: #f9c54e;
}

/* CSS Variables */
:root {
--color-1: #5c1f35;
 --color-2: #ac2f3a;
 --color-3: #e64c4c;
 --color-4: #f5a524;
 --color-5: #f9c54e;
 }

CSS del degradado de fondo MX Sinister

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c1f35, #ac2f3a, #e64c4c, #f5a524, #f9c54e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c1f35, #ac2f3a, #e64c4c, #f5a524, #f9c54e);
}

Paletas de colores similares

MX Sinister color palette created on .