Paleta de colores Purple and Pale Yellow Dream
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Purple and Pale Yellow Dream palette
CSS de la paleta de colores Purple and Pale Yellow Dream
/* CSS */
.color-1 {
color: #d5c790;
}
.color-2 {
color: #a77dba;
}
.color-3 {
color: #704d7a;
}
.color-4 {
color: #9f7dba;
}
.color-5 {
color: #f0e4a8;
}
/* CSS Variables */
:root {
--color-1: #d5c790;
--color-2: #a77dba;
--color-3: #704d7a;
--color-4: #9f7dba;
--color-5: #f0e4a8;
} CSS del degradado de fondo Purple and Pale Yellow Dream
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d5c790, #a77dba, #704d7a, #9f7dba, #f0e4a8);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d5c790, #a77dba, #704d7a, #9f7dba, #f0e4a8);
} Paletas de colores similares
Purple and Pale Yellow Dream color palette created on .