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: #44562f;
}
.color-2 {
color: #83934d;
}
.color-3 {
color: #b7c88d;
}
.color-4 {
color: #e9dfb4;
}
.color-5 {
color: #efbfb3;
}

/* CSS Variables */
:root {
--color-1: #44562f;
 --color-2: #83934d;
 --color-3: #b7c88d;
 --color-4: #e9dfb4;
 --color-5: #efbfb3;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #44562f, #83934d, #b7c88d, #e9dfb4, #efbfb3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #44562f, #83934d, #b7c88d, #e9dfb4, #efbfb3);
}

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

Florest Moth color palette created on .