Harry Styles Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Harry Styles palette
Color Inspiration
Images that showcase this color palette in real designs
Download Harry Styles Color Palette (PNG)
Harry Styles color palette CSS
/* CSS */
.color-1 {
color: #d6a4b3;
}
.color-2 {
color: #f2cad4;
}
.color-3 {
color: #ffe3e0;
}
.color-4 {
color: #c8b1b7;
}
.color-5 {
color: #a18c94;
}
/* CSS Variables */
:root {
--color-1: #d6a4b3;
--color-2: #f2cad4;
--color-3: #ffe3e0;
--color-4: #c8b1b7;
--color-5: #a18c94;
} Harry Styles background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6a4b3, #f2cad4, #ffe3e0, #c8b1b7, #a18c94);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6a4b3, #f2cad4, #ffe3e0, #c8b1b7, #a18c94);
} Similar color palettes
Harry Styles color palette created on .