Moonlight Glow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moonlight Glow palette

このパレットを共有する先：

Moonlight Glow カラーパレット (PNG) をダウンロード

Download moonlight glow color palette PNG image (landscape)
Download moonlight glow color palette PNG image (square)

Moonlight Glow カラーパレット CSS

/* CSS */
.color-1 {
color: #b0c4de;
}
.color-2 {
color: #a8a8a8;
}
.color-3 {
color: #d4d4d4;
}
.color-4 {
color: #f0e78e;
}
.color-5 {
color: #ffd900;
}

/* CSS Variables */
:root {
--color-1: #b0c4de;
 --color-2: #a8a8a8;
 --color-3: #d4d4d4;
 --color-4: #f0e78e;
 --color-5: #ffd900;
 }

Moonlight Glow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b0c4de, #a8a8a8, #d4d4d4, #f0e78e, #ffd900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b0c4de, #a8a8a8, #d4d4d4, #f0e78e, #ffd900);
}

似たようなカラーパレット

Moonlight Glow color palette created on .