Paleta de colores Zetta Cat

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Zetta Cat palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Zetta Cat

Download zetta cat color palette PNG image (landscape)
Download zetta cat color palette PNG image (square)

CSS de la paleta de colores Zetta Cat

/* CSS */
.color-1 {
color: #ffb3d0;
}
.color-2 {
color: #ff7092;
}
.color-3 {
color: #ff2e62;
}
.color-4 {
color: #d6006f;
}
.color-5 {
color: #8b40fc;
}

/* CSS Variables */
:root {
--color-1: #ffb3d0;
 --color-2: #ff7092;
 --color-3: #ff2e62;
 --color-4: #d6006f;
 --color-5: #8b40fc;
 }

CSS del degradado de fondo Zetta Cat

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3d0, #ff7092, #ff2e62, #d6006f, #8b40fc);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3d0, #ff7092, #ff2e62, #d6006f, #8b40fc);
}

Paletas de colores similares

Zetta Cat color palette created on .