Cold Autumn Forest Grunge カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cold Autumn Forest Grunge palette

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

Cold Autumn Forest Grunge カラー パレット PNG 画像

Download cold autumn forest grunge color palette PNG image (landscape)
Download cold autumn forest grunge color palette PNG image (square)

Cold Autumn Forest Grunge カラーパレット CSS

/* CSS */
.color-1 {
color: #52543b;
}
.color-2 {
color: #3c4139;
}
.color-3 {
color: #2c2c26;
}
.color-4 {
color: #1f1f19;
}
.color-5 {
color: #4c5057;
}

/* CSS Variables */
:root {
--color-1: #52543b;
 --color-2: #3c4139;
 --color-3: #2c2c26;
 --color-4: #1f1f19;
 --color-5: #4c5057;
 }

Cold Autumn Forest Grunge の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #52543b, #3c4139, #2c2c26, #1f1f19, #4c5057);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #52543b, #3c4139, #2c2c26, #1f1f19, #4c5057);
}

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

Cold Autumn Forest Grunge color palette created on .