Dreamy Dusk Serenade カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dreamy Dusk Serenade palette

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

Dreamy Dusk Serenade カラー パレット PNG 画像

Download dreamy dusk serenade color palette PNG image (landscape)
Download dreamy dusk serenade color palette PNG image (square)

Dreamy Dusk Serenade カラーパレット CSS

/* CSS */
.color-1 {
color: #d5c3df;
}
.color-2 {
color: #f9e79f;
}
.color-3 {
color: #3c3e5d;
}
.color-4 {
color: #fce1a6;
}
.color-5 {
color: #7a8099;
}

/* CSS Variables */
:root {
--color-1: #d5c3df;
 --color-2: #f9e79f;
 --color-3: #3c3e5d;
 --color-4: #fce1a6;
 --color-5: #7a8099;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d5c3df, #f9e79f, #3c3e5d, #fce1a6, #7a8099);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d5c3df, #f9e79f, #3c3e5d, #fce1a6, #7a8099);
}

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

Dreamy Dusk Serenade color palette created on .