Celestial Tides of the Fox Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Celestial Tides of the Fox palette
Celestial Tides of the Fox color palette CSS
/* CSS */
.color-1 {
color: #4eb3c1;
}
.color-2 {
color: #3b8a97;
}
.color-3 {
color: #5f7e95;
}
.color-4 {
color: #f4b69f;
}
.color-5 {
color: #e15b4c;
}
/* CSS Variables */
:root {
--color-1: #4eb3c1;
--color-2: #3b8a97;
--color-3: #5f7e95;
--color-4: #f4b69f;
--color-5: #e15b4c;
} Celestial Tides of the Fox background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4eb3c1, #3b8a97, #5f7e95, #f4b69f, #e15b4c);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4eb3c1, #3b8a97, #5f7e95, #f4b69f, #e15b4c);
} Similar color palettes
Celestial Tides of the Fox color palette created on .