Pastel Pink and Yellow Lime Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Pastel Pink and Yellow Lime palette
Pastel Pink and Yellow Lime color palette CSS
/* CSS */
.color-1 {
color: #f4c3d8;
}
.color-2 {
color: #f9eaa9;
}
.color-3 {
color: #d2e3a1;
}
.color-4 {
color: #a5d9d9;
}
.color-5 {
color: #ffec3d;
}
/* CSS Variables */
:root {
--color-1: #f4c3d8;
--color-2: #f9eaa9;
--color-3: #d2e3a1;
--color-4: #a5d9d9;
--color-5: #ffec3d;
} Pastel Pink and Yellow Lime background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c3d8, #f9eaa9, #d2e3a1, #a5d9d9, #ffec3d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c3d8, #f9eaa9, #d2e3a1, #a5d9d9, #ffec3d);
} Similar color palettes
Scroll down to explore 200+ Aesthetic color palettes
Pastel Pink and Yellow Lime color palette created on .