Desert Duo カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Desert Duo palette

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

Desert Duo カラーパレット (PNG) をダウンロード

Download desert duo color palette PNG image (landscape)
Download desert duo color palette PNG image (square)

Desert Duo カラーパレット CSS

/* CSS */
.color-1 {
color: #c9b59c;
}
.color-2 {
color: #d6a95c;
}
.color-3 {
color: #e6af5b;
}
.color-4 {
color: #d67d38;
}
.color-5 {
color: #a45d2d;
}

/* CSS Variables */
:root {
--color-1: #c9b59c;
 --color-2: #d6a95c;
 --color-3: #e6af5b;
 --color-4: #d67d38;
 --color-5: #a45d2d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c9b59c, #d6a95c, #e6af5b, #d67d38, #a45d2d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c9b59c, #d6a95c, #e6af5b, #d67d38, #a45d2d);
}

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

Desert Duo color palette created on .