Golds and Deep Blues Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Golds and Deep Blues palette

Share this palette to:

Golds and Deep Blues color palette PNG image

Download golds and deep blues color palette PNG image (landscape)
Download golds and deep blues color palette PNG image (square)

Golds and Deep Blues color palette CSS

/* CSS */
.color-1 {
color: #c2a800;
}
.color-2 {
color: #4b70a0;
}
.color-3 {
color: #d6c23d;
}
.color-4 {
color: #1e3a76;
}
.color-5 {
color: #ffd900;
}

/* CSS Variables */
:root {
--color-1: #c2a800;
--color-2: #4b70a0;
--color-3: #d6c23d;
--color-4: #1e3a76;
--color-5: #ffd900;
}

Golds and Deep Blues background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2a800, #4b70a0, #d6c23d, #1e3a76, #ffd900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2a800, #4b70a0, #d6c23d, #1e3a76, #ffd900);
}

Golds and Deep Blues color palette created on .