Web Orange Delight Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Web Orange Delight palette

Share this palette to:

Download Web Orange Delight Color Palette (PNG)

Download web orange delight color palette PNG image (landscape)
Download web orange delight color palette PNG image (square)

Web Orange Delight color palette CSS

/* CSS */
.color-1 {
color: #ffc861;
}
.color-2 {
color: #ffd494;
}
.color-3 {
color: #fff0c2;
}
.color-4 {
color: #fff8e0;
}
.color-5 {
color: #ffe761;
}

/* CSS Variables */
:root {
--color-1: #ffc861;
--color-2: #ffd494;
--color-3: #fff0c2;
--color-4: #fff8e0;
--color-5: #ffe761;
}

Web Orange Delight background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc861, #ffd494, #fff0c2, #fff8e0, #ffe761);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc861, #ffd494, #fff0c2, #fff8e0, #ffe761);
}

Web Orange Delight color palette created on .