Crimson Tides and Earthy Shadows Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Crimson Tides and Earthy Shadows palette
Crimson Tides and Earthy Shadows color palette CSS
/* CSS */
.color-1 {
color: #9ce5e7;
}
.color-2 {
color: #7d877e;
}
.color-3 {
color: #b50813;
}
.color-4 {
color: #652625;
}
.color-5 {
color: #431514;
}
/* CSS Variables */
:root {
--color-1: #9ce5e7;
--color-2: #7d877e;
--color-3: #b50813;
--color-4: #652625;
--color-5: #431514;
} Crimson Tides and Earthy Shadows background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9ce5e7, #7d877e, #b50813, #652625, #431514);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9ce5e7, #7d877e, #b50813, #652625, #431514);
} Similar color palettes
Scroll down to explore 3 Turquoise color palettes
Crimson Tides and Earthy Shadows color palette created on .