Hadleigh Roos Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Hadleigh Roos palette
Color Inspiration
Images that showcase this color palette in real designs
Download Hadleigh Roos Color Palette (PNG)
Hadleigh Roos color palette CSS
/* CSS */
.color-1 {
color: #f7c6a6;
}
.color-2 {
color: #e0a19e;
}
.color-3 {
color: #c57c9e;
}
.color-4 {
color: #b569b2;
}
.color-5 {
color: #6e3c90;
}
/* CSS Variables */
:root {
--color-1: #f7c6a6;
--color-2: #e0a19e;
--color-3: #c57c9e;
--color-4: #b569b2;
--color-5: #6e3c90;
} Hadleigh Roos background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c6a6, #e0a19e, #c57c9e, #b569b2, #6e3c90);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c6a6, #e0a19e, #c57c9e, #b569b2, #6e3c90);
} Similar color palettes
Hadleigh Roos color palette created on .