Dust Bowl カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dust Bowl palette

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

Dust Bowl カラー パレット PNG 画像

Download dust bowl color palette PNG image (landscape)
Download dust bowl color palette PNG image (square)

Dust Bowl カラーパレット CSS

/* CSS */
.color-1 {
color: #d8c39d;
}
.color-2 {
color: #c6a86c;
}
.color-3 {
color: #a8713e;
}
.color-4 {
color: #5b4839;
}
.color-5 {
color: #3c2e25;
}

/* CSS Variables */
:root {
--color-1: #d8c39d;
 --color-2: #c6a86c;
 --color-3: #a8713e;
 --color-4: #5b4839;
 --color-5: #3c2e25;
 }

Dust Bowl の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8c39d, #c6a86c, #a8713e, #5b4839, #3c2e25);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8c39d, #c6a86c, #a8713e, #5b4839, #3c2e25);
}

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

Dust Bowl color palette created on .