Soft Summer Skin カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Soft Summer Skin palette

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

Soft Summer Skin カラー パレット PNG 画像

Download soft summer skin color palette PNG image (landscape)
Download soft summer skin color palette PNG image (square)

Soft Summer Skin カラーパレット CSS

/* CSS */
.color-1 {
color: #f2d7ca;
}
.color-2 {
color: #e5b69f;
}
.color-3 {
color: #daa58b;
}
.color-4 {
color: #c6846c;
}
.color-5 {
color: #b07154;
}

/* CSS Variables */
:root {
--color-1: #f2d7ca;
 --color-2: #e5b69f;
 --color-3: #daa58b;
 --color-4: #c6846c;
 --color-5: #b07154;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2d7ca, #e5b69f, #daa58b, #c6846c, #b07154);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2d7ca, #e5b69f, #daa58b, #c6846c, #b07154);
}

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

Soft Summer Skin color palette created on .