Paleta de colores Nico Robin

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Nico Robin palette

Compartir esta paleta en:

Descargar la paleta de colores Nico Robin (PNG)

Download nico robin color palette PNG image (landscape)
Download nico robin color palette PNG image (square)

CSS de la paleta de colores Nico Robin

/* CSS */
.color-1 {
color: #6a4a8c;
}
.color-2 {
color: #f4a462;
}
.color-3 {
color: #2a9d90;
}
.color-4 {
color: #e8c468;
}
.color-5 {
color: #274754;
}

/* CSS Variables */
:root {
--color-1: #6a4a8c;
--color-2: #f4a462;
--color-3: #2a9d90;
--color-4: #e8c468;
--color-5: #274754;
}

CSS del degradado de fondo Nico Robin

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6a4a8c, #f4a462, #2a9d90, #e8c468, #274754);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6a4a8c, #f4a462, #2a9d90, #e8c468, #274754);
}

Nico Robin color palette created on .