Nature's Moon Crystals Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Nature's Moon Crystals palette
Nature's Moon Crystals color palette PNG image
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);
} Similar color palettes
Nature's Moon Crystals color palette created on .