Sunny Games Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Sunny Games palette
Sunny Games color palette PNG image
Sunny Games color palette CSS
/* CSS */
.color-1 {
color: #fcf19c;
}
.color-2 {
color: #facf8f;
}
.color-3 {
color: #fab580;
}
.color-4 {
color: #f39e77;
}
.color-5 {
color: #db766b;
}
/* CSS Variables */
:root {
--color-1: #fcf19c;
--color-2: #facf8f;
--color-3: #fab580;
--color-4: #f39e77;
--color-5: #db766b;
} Sunny Games background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fcf19c, #facf8f, #fab580, #f39e77, #db766b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fcf19c, #facf8f, #fab580, #f39e77, #db766b);
} Similar color palettes
Scroll down to explore 90+ Yellow color palettes
Sunny Games color palette created on .