The Moon's Radiance Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with The Moon's Radiance palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori The Moon's Radiance (PNG)

Download the moon's radiance color palette PNG image (landscape)
Download the moon's radiance color palette PNG image (square)

tavolozza dei colori The Moon's Radiance CSS

/* CSS */
.color-1 {
color: #e0c3f4;
}
.color-2 {
color: #d19fe0;
}
.color-3 {
color: #b673c9;
}
.color-4 {
color: #9c4f99;
}
.color-5 {
color: #713d70;
}

/* CSS Variables */
:root {
--color-1: #e0c3f4;
 --color-2: #d19fe0;
 --color-3: #b673c9;
 --color-4: #9c4f99;
 --color-5: #713d70;
 }

CSS con gradiente di sfondo The Moon's Radiance

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e0c3f4, #d19fe0, #b673c9, #9c4f99, #713d70);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e0c3f4, #d19fe0, #b673c9, #9c4f99, #713d70);
}

Tavolozze di colori simili

The Moon's Radiance color palette created on .