Melody of Hues Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Melody of Hues palette
Download Melody of Hues Color Palette (PNG)
Melody of Hues color palette CSS
/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9a47;
}
.color-3 {
color: #ffd65c;
}
.color-4 {
color: #a6d8d2;
}
.color-5 {
color: #5c6b8a;
}
/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #ff9a47;
--color-3: #ffd65c;
--color-4: #a6d8d2;
--color-5: #5c6b8a;
}
Melody of Hues background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9a47, #ffd65c, #a6d8d2, #5c6b8a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9a47, #ffd65c, #a6d8d2, #5c6b8a);
}
Similar color palettes
Melody of Hues color palette created on .