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