Warm Desert Dunes カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Warm Desert Dunes palette

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

Warm Desert Dunes カラー パレット PNG 画像

Download warm desert dunes color palette PNG image (landscape)
Download warm desert dunes color palette PNG image (square)

Warm Desert Dunes カラーパレット CSS

/* CSS */
.color-1 {
color: #d6c6a8;
}
.color-2 {
color: #d2b79d;
}
.color-3 {
color: #c99e7e;
}
.color-4 {
color: #b78b62;
}
.color-5 {
color: #a86b4d;
}

/* CSS Variables */
:root {
--color-1: #d6c6a8;
 --color-2: #d2b79d;
 --color-3: #c99e7e;
 --color-4: #b78b62;
 --color-5: #a86b4d;
 }

Warm Desert Dunes の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6c6a8, #d2b79d, #c99e7e, #b78b62, #a86b4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6c6a8, #d2b79d, #c99e7e, #b78b62, #a86b4d);
}

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

Warm Desert Dunes color palette created on .