Gentle Ivory カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gentle Ivory palette

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

Gentle Ivory カラー パレット PNG 画像

Download gentle ivory color palette PNG image (landscape)
Download gentle ivory color palette PNG image (square)

Gentle Ivory カラーパレット CSS

/* CSS */
.color-1 {
color: #faf5eb;
}
.color-2 {
color: #e2d3c5;
}
.color-3 {
color: #d6c19f;
}
.color-4 {
color: #c89e7e;
}
.color-5 {
color: #a67a59;
}

/* CSS Variables */
:root {
--color-1: #faf5eb;
 --color-2: #e2d3c5;
 --color-3: #d6c19f;
 --color-4: #c89e7e;
 --color-5: #a67a59;
 }

Gentle Ivory の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #faf5eb, #e2d3c5, #d6c19f, #c89e7e, #a67a59);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #faf5eb, #e2d3c5, #d6c19f, #c89e7e, #a67a59);
}

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

Gentle Ivory color palette created on .