Cool Skin Tone カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cool Skin Tone palette

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

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

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

Cool Skin Tone カラーパレット CSS

/* CSS */
.color-1 {
color: #f2d3c0;
}
.color-2 {
color: #e2b8a2;
}
.color-3 {
color: #d69fa1;
}
.color-4 {
color: #f5c7b2;
}
.color-5 {
color: #f1a8a2;
}

/* CSS Variables */
:root {
--color-1: #f2d3c0;
 --color-2: #e2b8a2;
 --color-3: #d69fa1;
 --color-4: #f5c7b2;
 --color-5: #f1a8a2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2d3c0, #e2b8a2, #d69fa1, #f5c7b2, #f1a8a2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2d3c0, #e2b8a2, #d69fa1, #f5c7b2, #f1a8a2);
}

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

Cool Skin Tone color palette created on .