Sweet Sunrise Delight Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Sweet Sunrise Delight palette

Share this palette to:

Download Sweet Sunrise Delight Color Palette (PNG)

Download sweet sunrise delight color palette PNG image (landscape)
Download sweet sunrise delight color palette PNG image (square)

Sweet Sunrise Delight color palette CSS

/* CSS */
.color-1 {
color: #f8e5b4;
}
.color-2 {
color: #f1c84b;
}
.color-3 {
color: #f0a400;
}
.color-4 {
color: #d97c30;
}
.color-5 {
color: #b55d30;
}

/* CSS Variables */
:root {
--color-1: #f8e5b4;
--color-2: #f1c84b;
--color-3: #f0a400;
--color-4: #d97c30;
--color-5: #b55d30;
}

Sweet Sunrise Delight background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8e5b4, #f1c84b, #f0a400, #d97c30, #b55d30);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8e5b4, #f1c84b, #f0a400, #d97c30, #b55d30);
}

Sweet Sunrise Delight color palette created on .