Florest Moth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Florest Moth palette

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

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

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

Florest Moth カラーパレット CSS

/* CSS */
.color-1 {
color: #434f36;
}
.color-2 {
color: #7c875a;
}
.color-3 {
color: #b3be97;
}
.color-4 {
color: #e0d9bd;
}
.color-5 {
color: #e4c6be;
}

/* CSS Variables */
:root {
--color-1: #434f36;
 --color-2: #7c875a;
 --color-3: #b3be97;
 --color-4: #e0d9bd;
 --color-5: #e4c6be;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #434f36, #7c875a, #b3be97, #e0d9bd, #e4c6be);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #434f36, #7c875a, #b3be97, #e0d9bd, #e4c6be);
}

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

Florest Moth color palette created on .