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