Paleta de colores Honey Yellow

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Honey Yellow palette

Compartir esta paleta en:

Descargar la paleta de colores Honey Yellow (PNG)

Download honey yellow color palette PNG image (landscape)
Download honey yellow color palette PNG image (square)

CSS de la paleta de colores Honey Yellow

/* CSS */
.color-1 {
color: #f1c84b;
}
.color-2 {
color: #e1a84c;
}
.color-3 {
color: #d68a3d;
}
.color-4 {
color: #c66e2f;
}
.color-5 {
color: #af532c;
}

/* CSS Variables */
:root {
--color-1: #f1c84b;
 --color-2: #e1a84c;
 --color-3: #d68a3d;
 --color-4: #c66e2f;
 --color-5: #af532c;
 }

CSS del degradado de fondo Honey Yellow

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1c84b, #e1a84c, #d68a3d, #c66e2f, #af532c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1c84b, #e1a84c, #d68a3d, #c66e2f, #af532c);
}

Paletas de colores similares

Honey Yellow color palette created on .