Chocolate Pink Dreams Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Chocolate Pink Dreams palette
Chocolate Pink Dreams color palette PNG image
Chocolate Pink Dreams color palette CSS
/* CSS */
.color-1 {
color: #e6b7c1;
}
.color-2 {
color: #c3988d;
}
.color-3 {
color: #b6897c;
}
.color-4 {
color: #7d5b4f;
}
.color-5 {
color: #402b2f;
}
/* CSS Variables */
:root {
--color-1: #e6b7c1;
--color-2: #c3988d;
--color-3: #b6897c;
--color-4: #7d5b4f;
--color-5: #402b2f;
} Chocolate Pink Dreams background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e6b7c1, #c3988d, #b6897c, #7d5b4f, #402b2f);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e6b7c1, #c3988d, #b6897c, #7d5b4f, #402b2f);
} Similar color palettes
Chocolate Pink Dreams color palette created on .