Desert Sage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Desert Sage palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Desert Sage カラーパレット CSS

/* CSS */
.color-1 {
color: #d8d48d;
}
.color-2 {
color: #b7b34e;
}
.color-3 {
color: #a1a527;
}
.color-4 {
color: #7f8023;
}
.color-5 {
color: #4a4e0e;
}

/* CSS Variables */
:root {
--color-1: #d8d48d;
 --color-2: #b7b34e;
 --color-3: #a1a527;
 --color-4: #7f8023;
 --color-5: #4a4e0e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8d48d, #b7b34e, #a1a527, #7f8023, #4a4e0e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8d48d, #b7b34e, #a1a527, #7f8023, #4a4e0e);
}

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

Desert Sage color palette created on .