Soft Linen Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Soft Linen palette
Color Inspiration
Images that showcase this color palette in real designs
Download Soft Linen Color Palette (PNG)
Soft Linen color palette CSS
/* CSS */
.color-1 {
color: #faf0e5;
}
.color-2 {
color: #f3e3d8;
}
.color-3 {
color: #e5c7b8;
}
.color-4 {
color: #d7a78e;
}
.color-5 {
color: #c78a6b;
}
/* CSS Variables */
:root {
--color-1: #faf0e5;
--color-2: #f3e3d8;
--color-3: #e5c7b8;
--color-4: #d7a78e;
--color-5: #c78a6b;
} Soft Linen background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #faf0e5, #f3e3d8, #e5c7b8, #d7a78e, #c78a6b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #faf0e5, #f3e3d8, #e5c7b8, #d7a78e, #c78a6b);
} Similar color palettes
Scroll down to explore 1000+ colors.linen color palettes
Soft Linen color palette created on .