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