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