Happy Boho Hippy Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Happy Boho Hippy palette

Condividi questa palette a:

Scarica la tavolozza dei colori Happy Boho Hippy (PNG)

Download happy boho hippy color palette PNG image (landscape)
Download happy boho hippy color palette PNG image (square)

tavolozza dei colori Happy Boho Hippy CSS

/* CSS */
.color-1 {
color: #ffb84d;
}
.color-2 {
color: #ffad42;
}
.color-3 {
color: #ff9100;
}
.color-4 {
color: #ff6e00;
}
.color-5 {
color: #ff3c00;
}

/* CSS Variables */
:root {
--color-1: #ffb84d;
--color-2: #ffad42;
--color-3: #ff9100;
--color-4: #ff6e00;
--color-5: #ff3c00;
}

CSS con gradiente di sfondo Happy Boho Hippy

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb84d, #ffad42, #ff9100, #ff6e00, #ff3c00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb84d, #ffad42, #ff9100, #ff6e00, #ff3c00);
}

Happy Boho Hippy color palette created on .