Desert Journey カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Desert Journey palette

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

Desert Journey カラー パレット PNG 画像

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

Desert Journey カラーパレット CSS

/* CSS */
.color-1 {
color: #e7c6a6;
}
.color-2 {
color: #d0b38b;
}
.color-3 {
color: #b58b5e;
}
.color-4 {
color: #714e38;
}
.color-5 {
color: #382e1e;
}

/* CSS Variables */
:root {
--color-1: #e7c6a6;
 --color-2: #d0b38b;
 --color-3: #b58b5e;
 --color-4: #714e38;
 --color-5: #382e1e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e7c6a6, #d0b38b, #b58b5e, #714e38, #382e1e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e7c6a6, #d0b38b, #b58b5e, #714e38, #382e1e);
}

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

Desert Journey color palette created on .