Swampy Wilderness カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Swampy Wilderness palette

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

Swampy Wilderness カラー パレット PNG 画像

Download swampy wilderness color palette PNG image (landscape)
Download swampy wilderness color palette PNG image (square)

Swampy Wilderness カラーパレット CSS

/* CSS */
.color-1 {
color: #4c3d2f;
}
.color-2 {
color: #7b6f5b;
}
.color-3 {
color: #c1b69a;
}
.color-4 {
color: #a3b8a3;
}
.color-5 {
color: #6b8e5d;
}

/* CSS Variables */
:root {
--color-1: #4c3d2f;
 --color-2: #7b6f5b;
 --color-3: #c1b69a;
 --color-4: #a3b8a3;
 --color-5: #6b8e5d;
 }

Swampy Wilderness の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c3d2f, #7b6f5b, #c1b69a, #a3b8a3, #6b8e5d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c3d2f, #7b6f5b, #c1b69a, #a3b8a3, #6b8e5d);
}

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

Swampy Wilderness color palette created on .