Soft Pink Hawaii Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Soft Pink Hawaii palette
Soft Pink Hawaii color palette PNG image
Soft Pink Hawaii color palette CSS
/* CSS */
.color-1 {
color: #f4c3d6;
}
.color-2 {
color: #ffb3c1;
}
.color-3 {
color: #ff8f9c;
}
.color-4 {
color: #ff5c7a;
}
.color-5 {
color: #d84f72;
}
/* CSS Variables */
:root {
--color-1: #f4c3d6;
--color-2: #ffb3c1;
--color-3: #ff8f9c;
--color-4: #ff5c7a;
--color-5: #d84f72;
} Soft Pink Hawaii background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c3d6, #ffb3c1, #ff8f9c, #ff5c7a, #d84f72);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c3d6, #ffb3c1, #ff8f9c, #ff5c7a, #d84f72);
} Similar color palettes
Soft Pink Hawaii color palette created on .