Soft Pixel Slice of Bread Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Soft Pixel Slice of Bread palette
Soft Pixel Slice of Bread color palette PNG image
Soft Pixel Slice of Bread color palette CSS
/* CSS */
.color-1 {
color: #f2d3a1;
}
.color-2 {
color: #e6b77a;
}
.color-3 {
color: #d9a05e;
}
.color-4 {
color: #c69e5d;
}
.color-5 {
color: #b38a4d;
}
/* CSS Variables */
:root {
--color-1: #f2d3a1;
--color-2: #e6b77a;
--color-3: #d9a05e;
--color-4: #c69e5d;
--color-5: #b38a4d;
} Soft Pixel Slice of Bread background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2d3a1, #e6b77a, #d9a05e, #c69e5d, #b38a4d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2d3a1, #e6b77a, #d9a05e, #c69e5d, #b38a4d);
} Similar color palettes
Soft Pixel Slice of Bread color palette created on .