Deep Blue Night Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Deep Blue Night palette
Deep Blue Night color palette PNG image
Deep Blue Night color palette CSS
/* CSS */
.color-1 {
color: #121c49;
}
.color-2 {
color: #202e69;
}
.color-3 {
color: #2e407a;
}
.color-4 {
color: #41579b;
}
.color-5 {
color: #5b78a9;
}
/* CSS Variables */
:root {
--color-1: #121c49;
--color-2: #202e69;
--color-3: #2e407a;
--color-4: #41579b;
--color-5: #5b78a9;
} Deep Blue Night background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #121c49, #202e69, #2e407a, #41579b, #5b78a9);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #121c49, #202e69, #2e407a, #41579b, #5b78a9);
} Similar color palettes
Deep Blue Night color palette created on .