Paleta de colores Zuko's Fire

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Zuko's Fire palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Zuko's Fire

Download zuko's fire color palette PNG image (landscape)
Download zuko's fire color palette PNG image (square)

CSS de la paleta de colores Zuko's Fire

/* CSS */
.color-1 {
color: #f86c30;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #f6d12c;
}
.color-4 {
color: #a8d30d;
}
.color-5 {
color: #0d7b8c;
}

/* CSS Variables */
:root {
--color-1: #f86c30;
 --color-2: #ffb84d;
 --color-3: #f6d12c;
 --color-4: #a8d30d;
 --color-5: #0d7b8c;
 }

CSS del degradado de fondo Zuko's Fire

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f86c30, #ffb84d, #f6d12c, #a8d30d, #0d7b8c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f86c30, #ffb84d, #f6d12c, #a8d30d, #0d7b8c);
}

Paletas de colores similares

Zuko's Fire color palette created on .