Wicked Charm of the Goat Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Wicked Charm of the Goat palette
Wicked Charm of the Goat color palette CSS
/* CSS */
.color-1 {
color: #8b2d44;
}
.color-2 {
color: #b05477;
}
.color-3 {
color: #d8a2b3;
}
.color-4 {
color: #f3d3df;
}
.color-5 {
color: #f5a524;
}
/* CSS Variables */
:root {
--color-1: #8b2d44;
--color-2: #b05477;
--color-3: #d8a2b3;
--color-4: #f3d3df;
--color-5: #f5a524;
} Wicked Charm of the Goat background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8b2d44, #b05477, #d8a2b3, #f3d3df, #f5a524);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8b2d44, #b05477, #d8a2b3, #f3d3df, #f5a524);
} Similar color palettes
Wicked Charm of the Goat color palette created on .