Melody of Hues Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Melody of Hues palette

Share this palette to:

Download Melody of Hues Color Palette (PNG)

Download melody of hues color palette PNG image (landscape)
Download melody of hues color palette PNG image (square)

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);
}

Melody of Hues color palette created on .