Warm Skin Tone カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Warm Skin Tone palette

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

Warm Skin Tone カラー パレット PNG 画像

Download warm skin tone color palette PNG image (landscape)
Download warm skin tone color palette PNG image (square)

Warm Skin Tone カラーパレット CSS

/* CSS */
.color-1 {
color: #f2c4ba;
}
.color-2 {
color: #f5d0c7;
}
.color-3 {
color: #e5b59a;
}
.color-4 {
color: #d9a67d;
}
.color-5 {
color: #c69c53;
}

/* CSS Variables */
:root {
--color-1: #f2c4ba;
 --color-2: #f5d0c7;
 --color-3: #e5b59a;
 --color-4: #d9a67d;
 --color-5: #c69c53;
 }

Warm Skin Tone の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2c4ba, #f5d0c7, #e5b59a, #d9a67d, #c69c53);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2c4ba, #f5d0c7, #e5b59a, #d9a67d, #c69c53);
}

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

Warm Skin Tone color palette created on .