Orange Eternal Sugar Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Orange Eternal Sugar palette

Share this palette to:

Download Orange Eternal Sugar Color Palette (PNG)

Download orange eternal sugar color palette PNG image (landscape)
Download orange eternal sugar color palette PNG image (square)

Orange Eternal Sugar color palette CSS

/* CSS */
.color-1 {
color: #f5a524;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ff8b42;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #ffcc33;
}

/* CSS Variables */
:root {
--color-1: #f5a524;
--color-2: #ff6e61;
--color-3: #ff8b42;
--color-4: #ffb84d;
--color-5: #ffcc33;
}

Orange Eternal Sugar background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a524, #ff6e61, #ff8b42, #ffb84d, #ffcc33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a524, #ff6e61, #ff8b42, #ffb84d, #ffcc33);
}

Orange Eternal Sugar color palette created on .