The Eye on the Moon Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with The Eye on the Moon palette

Share this palette to:

Download The Eye on the Moon Color Palette (PNG)

Download the eye on the moon color palette PNG image (landscape)
Download the eye on the moon color palette PNG image (square)

The Eye on the Moon color palette CSS

/* CSS */
.color-1 {
color: #1a3e5b;
}
.color-2 {
color: #4b737c;
}
.color-3 {
color: #88a5aa;
}
.color-4 {
color: #d1c4a8;
}
.color-5 {
color: #f6e7b6;
}

/* CSS Variables */
:root {
--color-1: #1a3e5b;
--color-2: #4b737c;
--color-3: #88a5aa;
--color-4: #d1c4a8;
--color-5: #f6e7b6;
}

The Eye on the Moon background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a3e5b, #4b737c, #88a5aa, #d1c4a8, #f6e7b6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a3e5b, #4b737c, #88a5aa, #d1c4a8, #f6e7b6);
}

The Eye on the Moon color palette created on .