Ghostfox Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Ghostfox palette
Ghostfox color palette CSS
/* CSS */
.color-1 {
color: #fbdff7;
}
.color-2 {
color: #fee1f3;
}
.color-3 {
color: #fef1f3;
}
.color-4 {
color: #fcfaf2;
}
.color-5 {
color: #d2f5fe;
}
/* CSS Variables */
:root {
--color-1: #fbdff7;
--color-2: #fee1f3;
--color-3: #fef1f3;
--color-4: #fcfaf2;
--color-5: #d2f5fe;
} Ghostfox background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fbdff7, #fee1f3, #fef1f3, #fcfaf2, #d2f5fe);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fbdff7, #fee1f3, #fef1f3, #fcfaf2, #d2f5fe);
} Similar color palettes
Ghostfox color palette created on .