Soft Dusk カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Soft Dusk palette

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

Soft Dusk カラー パレット PNG 画像

Download soft dusk color palette PNG image (landscape)
Download soft dusk color palette PNG image (square)

Soft Dusk カラーパレット CSS

/* CSS */
.color-1 {
color: #f8d7c9;
}
.color-2 {
color: #e4b5a0;
}
.color-3 {
color: #d99a7d;
}
.color-4 {
color: #c5795e;
}
.color-5 {
color: #a85c3e;
}

/* CSS Variables */
:root {
--color-1: #f8d7c9;
 --color-2: #e4b5a0;
 --color-3: #d99a7d;
 --color-4: #c5795e;
 --color-5: #a85c3e;
 }

Soft Dusk の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8d7c9, #e4b5a0, #d99a7d, #c5795e, #a85c3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8d7c9, #e4b5a0, #d99a7d, #c5795e, #a85c3e);
}

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

Soft Dusk color palette created on .