Rose Gold Dreams Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Rose Gold Dreams palette
Rose Gold Dreams color palette PNG image
Rose Gold Dreams color palette CSS
/* CSS */
.color-1 {
color: #c1978b;
}
.color-2 {
color: #d4b5a0;
}
.color-3 {
color: #e2c7b6;
}
.color-4 {
color: #f1d1c0;
}
.color-5 {
color: #f6e3d5;
}
/* CSS Variables */
:root {
--color-1: #c1978b;
--color-2: #d4b5a0;
--color-3: #e2c7b6;
--color-4: #f1d1c0;
--color-5: #f6e3d5;
} Rose Gold Dreams background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c1978b, #d4b5a0, #e2c7b6, #f1d1c0, #f6e3d5);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c1978b, #d4b5a0, #e2c7b6, #f1d1c0, #f6e3d5);
} Similar color palettes
Rose Gold Dreams color palette created on .