Deep Blue Night Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Deep Blue Night palette

Share this palette to:

Download Deep Blue Night Color Palette (PNG)

Download deep blue night color palette PNG image (landscape)
Download deep blue night color palette PNG image (square)

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 .