Paleta de colores Daisy Hovel

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Daisy Hovel palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Daisy Hovel

Download daisy hovel color palette PNG image (landscape)
Download daisy hovel color palette PNG image (square)

CSS de la paleta de colores Daisy Hovel

/* CSS */
.color-1 {
color: #f6e6b1;
}
.color-2 {
color: #f5d166;
}
.color-3 {
color: #f1ba4b;
}
.color-4 {
color: #dba400;
}
.color-5 {
color: #b87d00;
}

/* CSS Variables */
:root {
--color-1: #f6e6b1;
 --color-2: #f5d166;
 --color-3: #f1ba4b;
 --color-4: #dba400;
 --color-5: #b87d00;
 }

CSS del degradado de fondo Daisy Hovel

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e6b1, #f5d166, #f1ba4b, #dba400, #b87d00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e6b1, #f5d166, #f1ba4b, #dba400, #b87d00);
}

Paletas de colores similares

Daisy Hovel color palette created on .