Minimalist Aesthetic Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Minimalist Aesthetic palette
Color Inspiration
Images that showcase this color palette in real designs
Download Minimalist Aesthetic Color Palette (PNG)
Minimalist Aesthetic color palette CSS
/* CSS */
.color-1 {
color: #f5e5d1;
}
.color-2 {
color: #e1c6b7;
}
.color-3 {
color: #c4a7a1;
}
.color-4 {
color: #a78b9d;
}
.color-5 {
color: #7b698c;
}
/* CSS Variables */
:root {
--color-1: #f5e5d1;
--color-2: #e1c6b7;
--color-3: #c4a7a1;
--color-4: #a78b9d;
--color-5: #7b698c;
}
Minimalist Aesthetic background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5e5d1, #e1c6b7, #c4a7a1, #a78b9d, #7b698c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5e5d1, #e1c6b7, #c4a7a1, #a78b9d, #7b698c);
}
Similar color palettes
Scroll down to explore 10+ Minimalist color palettes
Minimalist Aesthetic color palette created on .