Nuchterid Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Nuchterid palette
Color Inspiration
Images that showcase this color palette in real designs
Download Nuchterid Color Palette (PNG)
Nuchterid color palette CSS
/* CSS */
.color-1 {
color: #5b8b7a;
}
.color-2 {
color: #b5d4c2;
}
.color-3 {
color: #f7e1c5;
}
.color-4 {
color: #f7b5a6;
}
.color-5 {
color: #f76e6e;
}
/* CSS Variables */
:root {
--color-1: #5b8b7a;
--color-2: #b5d4c2;
--color-3: #f7e1c5;
--color-4: #f7b5a6;
--color-5: #f76e6e;
} Nuchterid background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b8b7a, #b5d4c2, #f7e1c5, #f7b5a6, #f76e6e);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b8b7a, #b5d4c2, #f7e1c5, #f7b5a6, #f76e6e);
} Similar color palettes
Nuchterid color palette created on .