Desert Rose Hues カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Desert Rose Hues palette

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

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

Download desert rose hues color palette PNG image (landscape)
Download desert rose hues color palette PNG image (square)

Desert Rose Hues カラーパレット CSS

/* CSS */
.color-1 {
color: #6a4e4e;
}
.color-2 {
color: #a67d7d;
}
.color-3 {
color: #d9b5b5;
}
.color-4 {
color: #f3e1d3;
}
.color-5 {
color: #f6d6c1;
}

/* CSS Variables */
:root {
--color-1: #6a4e4e;
 --color-2: #a67d7d;
 --color-3: #d9b5b5;
 --color-4: #f3e1d3;
 --color-5: #f6d6c1;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6a4e4e, #a67d7d, #d9b5b5, #f3e1d3, #f6d6c1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6a4e4e, #a67d7d, #d9b5b5, #f3e1d3, #f6d6c1);
}

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

Desert Rose Hues color palette created on .