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 .