Pastel Pink with Coral Accent Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Pastel Pink with Coral Accent palette
Pastel Pink with Coral Accent color palette CSS
/* CSS */
.color-1 {
color: #e7cae4;
}
.color-2 {
color: #f3d3af;
}
.color-3 {
color: #a9e0d3;
}
.color-4 {
color: #f6a6a2;
}
.color-5 {
color: #ff6e61;
}
/* CSS Variables */
:root {
--color-1: #e7cae4;
--color-2: #f3d3af;
--color-3: #a9e0d3;
--color-4: #f6a6a2;
--color-5: #ff6e61;
} Pastel Pink with Coral Accent background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e7cae4, #f3d3af, #a9e0d3, #f6a6a2, #ff6e61);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e7cae4, #f3d3af, #a9e0d3, #f6a6a2, #ff6e61);
} Similar color palettes
Pastel Pink with Coral Accent color palette created on .