Creamy Caramel Dreams Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Creamy Caramel Dreams palette

Condividi questa palette a:

Scarica la tavolozza dei colori Creamy Caramel Dreams (PNG)

Download creamy caramel dreams color palette PNG image (landscape)
Download creamy caramel dreams color palette PNG image (square)

tavolozza dei colori Creamy Caramel Dreams CSS

/* CSS */
.color-1 {
color: #f8e3b4;
}
.color-2 {
color: #f5c1a3;
}
.color-3 {
color: #f2a778;
}
.color-4 {
color: #e67d4c;
}
.color-5 {
color: #d15400;
}

/* CSS Variables */
:root {
--color-1: #f8e3b4;
--color-2: #f5c1a3;
--color-3: #f2a778;
--color-4: #e67d4c;
--color-5: #d15400;
}

CSS con gradiente di sfondo Creamy Caramel Dreams

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8e3b4, #f5c1a3, #f2a778, #e67d4c, #d15400);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8e3b4, #f5c1a3, #f2a778, #e67d4c, #d15400);
}

Creamy Caramel Dreams color palette created on .