Dark Side of the Moon Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Dark Side of the Moon palette

Share this palette to:

Download Dark Side of the Moon Color Palette (PNG)

Download dark side of the moon color palette PNG image (landscape)
Download dark side of the moon color palette PNG image (square)

Dark Side of the Moon color palette CSS

/* CSS */
.color-1 {
color: #1e1e2f;
}
.color-2 {
color: #3c3c58;
}
.color-3 {
color: #5c5c7a;
}
.color-4 {
color: #a45a3d;
}
.color-5 {
color: #f5a300;
}

/* CSS Variables */
:root {
--color-1: #1e1e2f;
--color-2: #3c3c58;
--color-3: #5c5c7a;
--color-4: #a45a3d;
--color-5: #f5a300;
}

Dark Side of the Moon background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e2f, #3c3c58, #5c5c7a, #a45a3d, #f5a300);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e2f, #3c3c58, #5c5c7a, #a45a3d, #f5a300);
}

Similar color palettes

Dark Side of the Moon color palette created on .