Paleta de colores Café Delight

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Café Delight palette

Compartir esta paleta en:

Descargar la paleta de colores Café Delight (PNG)

Download café delight color palette PNG image (landscape)
Download café delight color palette PNG image (square)

CSS de la paleta de colores Café Delight

/* CSS */
.color-1 {
color: #4e3b31;
}
.color-2 {
color: #a77a6c;
}
.color-3 {
color: #d9b18c;
}
.color-4 {
color: #f2e1c4;
}
.color-5 {
color: #f5c5a3;
}

/* CSS Variables */
:root {
--color-1: #4e3b31;
--color-2: #a77a6c;
--color-3: #d9b18c;
--color-4: #f2e1c4;
--color-5: #f5c5a3;
}

CSS del degradado de fondo Café Delight

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4e3b31, #a77a6c, #d9b18c, #f2e1c4, #f5c5a3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4e3b31, #a77a6c, #d9b18c, #f2e1c4, #f5c5a3);
}

Café Delight color palette created on .