Luna Moth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Luna Moth palette

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

Luna Moth カラー パレット PNG 画像

Download luna moth color palette PNG image (landscape)
Download luna moth color palette PNG image (square)

Luna Moth カラーパレット CSS

/* CSS */
.color-1 {
color: #a7d7d3;
}
.color-2 {
color: #f1e1d5;
}
.color-3 {
color: #f9c54e;
}
.color-4 {
color: #f89720;
}
.color-5 {
color: #f3712b;
}

/* CSS Variables */
:root {
--color-1: #a7d7d3;
 --color-2: #f1e1d5;
 --color-3: #f9c54e;
 --color-4: #f89720;
 --color-5: #f3712b;
 }

Luna Moth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7d7d3, #f1e1d5, #f9c54e, #f89720, #f3712b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7d7d3, #f1e1d5, #f9c54e, #f89720, #f3712b);
}

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

Luna Moth color palette created on .