Moth Wings カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moth Wings palette

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

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

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

Moth Wings カラーパレット CSS

/* CSS */
.color-1 {
color: #a87d4d;
}
.color-2 {
color: #e6cba8;
}
.color-3 {
color: #c1b3c1;
}
.color-4 {
color: #7e6a90;
}
.color-5 {
color: #5f3a4b;
}

/* CSS Variables */
:root {
--color-1: #a87d4d;
 --color-2: #e6cba8;
 --color-3: #c1b3c1;
 --color-4: #7e6a90;
 --color-5: #5f3a4b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a87d4d, #e6cba8, #c1b3c1, #7e6a90, #5f3a4b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a87d4d, #e6cba8, #c1b3c1, #7e6a90, #5f3a4b);
}

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

Moth Wings color palette created on .