Bright Hippy Rainbow Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Bright Hippy Rainbow palette
Bright Hippy Rainbow color palette PNG image
Bright Hippy Rainbow color palette CSS
/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #6b5b95;
}
.color-3 {
color: #87af4b;
}
.color-4 {
color: #f7cbca;
}
.color-5 {
color: #93a9d2;
}
/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #6b5b95;
--color-3: #87af4b;
--color-4: #f7cbca;
--color-5: #93a9d2;
} Bright Hippy Rainbow background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #6b5b95, #87af4b, #f7cbca, #93a9d2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #6b5b95, #87af4b, #f7cbca, #93a9d2);
} Similar color palettes
Bright Hippy Rainbow color palette created on .