Pastel Pink Dreams Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Pastel Pink Dreams palette
Download Pastel Pink Dreams Color Palette (PNG)
Pastel Pink Dreams color palette CSS
/* CSS */
.color-1 {
color: #f4c3d5;
}
.color-2 {
color: #f1a7b3;
}
.color-3 {
color: #e57b9b;
}
.color-4 {
color: #d05381;
}
.color-5 {
color: #b94b70;
}
/* CSS Variables */
:root {
--color-1: #f4c3d5;
--color-2: #f1a7b3;
--color-3: #e57b9b;
--color-4: #d05381;
--color-5: #b94b70;
} Pastel Pink Dreams background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c3d5, #f1a7b3, #e57b9b, #d05381, #b94b70);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c3d5, #f1a7b3, #e57b9b, #d05381, #b94b70);
} Similar color palettes
Pastel Pink Dreams color palette created on .