Nature's Moon Crystals Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Nature's Moon Crystals palette

Share this palette to:

Download Nature's Moon Crystals Color Palette (PNG)

Download nature's moon crystals color palette PNG image (landscape)
Download nature's moon crystals color palette PNG image (square)

Nature's Moon Crystals color palette CSS

/* CSS */
.color-1 {
color: #9edcb2;
}
.color-2 {
color: #4c9488;
}
.color-3 {
color: #3e7e89;
}
.color-4 {
color: #2a5b89;
}
.color-5 {
color: #1f3b5c;
}

/* CSS Variables */
:root {
--color-1: #9edcb2;
--color-2: #4c9488;
--color-3: #3e7e89;
--color-4: #2a5b89;
--color-5: #1f3b5c;
}

Nature's Moon Crystals background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9edcb2, #4c9488, #3e7e89, #2a5b89, #1f3b5c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9edcb2, #4c9488, #3e7e89, #2a5b89, #1f3b5c);
}

Nature's Moon Crystals color palette created on .