Savor the Feast Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Savor the Feast palette

Share this palette to:

Download Savor the Feast Color Palette (PNG)

Download savor the feast color palette PNG image (landscape)
Download savor the feast color palette PNG image (square)

Savor the Feast color palette CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9b3d;
}
.color-3 {
color: #ffcb5c;
}
.color-4 {
color: #f1e6a7;
}
.color-5 {
color: #a1d9d2;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #ff9b3d;
--color-3: #ffcb5c;
--color-4: #f1e6a7;
--color-5: #a1d9d2;
}

Savor the Feast background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9b3d, #ffcb5c, #f1e6a7, #a1d9d2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9b3d, #ffcb5c, #f1e6a7, #a1d9d2);
}

Savor the Feast color palette created on .