Bold and Cute Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Bold and Cute palette

Condividi questa palette a:

Scarica la tavolozza dei colori Bold and Cute (PNG)

Download bold and cute color palette PNG image (landscape)
Download bold and cute color palette PNG image (square)

tavolozza dei colori Bold and Cute CSS

/* CSS */
.color-1 {
color: #fbdeb1;
}
.color-2 {
color: #fbd4a7;
}
.color-3 {
color: #ed97a7;
}
.color-4 {
color: #f6daf5;
}
.color-5 {
color: #fad1ff;
}

/* CSS Variables */
:root {
--color-1: #fbdeb1;
 --color-2: #fbd4a7;
 --color-3: #ed97a7;
 --color-4: #f6daf5;
 --color-5: #fad1ff;
 }

CSS con gradiente di sfondo Bold and Cute

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fbdeb1, #fbd4a7, #ed97a7, #f6daf5, #fad1ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fbdeb1, #fbd4a7, #ed97a7, #f6daf5, #fad1ff);
}

Tavolozze di colori simili

Bold and Cute color palette created on .