Nature's Moon Crystals Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Nature's Moon Crystals palette
Color Inspiration
Images that showcase this color palette in real designs
Download Nature's Moon Crystals Color Palette (PNG)
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 .