Magenta Bloom Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Magenta Bloom palette
Color Inspiration
Images that showcase this color palette in real designs
Download Magenta Bloom Color Palette (PNG)
Magenta Bloom color palette CSS
/* CSS */
.color-1 {
color: #ff3d8e;
}
.color-2 {
color: #ff7092;
}
.color-3 {
color: #ff998a;
}
.color-4 {
color: #ffb27a;
}
.color-5 {
color: #ffdc5c;
}
/* CSS Variables */
:root {
--color-1: #ff3d8e;
--color-2: #ff7092;
--color-3: #ff998a;
--color-4: #ffb27a;
--color-5: #ffdc5c;
}
Magenta Bloom background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff3d8e, #ff7092, #ff998a, #ffb27a, #ffdc5c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff3d8e, #ff7092, #ff998a, #ffb27a, #ffdc5c);
}
Similar color palettes
Magenta Bloom color palette created on .