Paleta de colores Prancing Pony

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Prancing Pony palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Prancing Pony

Download prancing pony color palette PNG image (landscape)
Download prancing pony color palette PNG image (square)

CSS de la paleta de colores Prancing Pony

/* CSS */
.color-1 {
color: #f5e0a3;
}
.color-2 {
color: #f3ccb4;
}
.color-3 {
color: #f39d8c;
}
.color-4 {
color: #d48cba;
}
.color-5 {
color: #a677b6;
}

/* CSS Variables */
:root {
--color-1: #f5e0a3;
 --color-2: #f3ccb4;
 --color-3: #f39d8c;
 --color-4: #d48cba;
 --color-5: #a677b6;
 }

CSS del degradado de fondo Prancing Pony

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5e0a3, #f3ccb4, #f39d8c, #d48cba, #a677b6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5e0a3, #f3ccb4, #f39d8c, #d48cba, #a677b6);
}

Paletas de colores similares

Prancing Pony color palette created on .