Blemished Ivory カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blemished Ivory palette

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

Blemished Ivory カラーパレット (PNG) をダウンロード

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

Blemished Ivory カラーパレット CSS

/* CSS */
.color-1 {
color: #e1d6c1;
}
.color-2 {
color: #c9bcb0;
}
.color-3 {
color: #a49a8e;
}
.color-4 {
color: #796a5d;
}
.color-5 {
color: #4a3b2b;
}

/* CSS Variables */
:root {
--color-1: #e1d6c1;
 --color-2: #c9bcb0;
 --color-3: #a49a8e;
 --color-4: #796a5d;
 --color-5: #4a3b2b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e1d6c1, #c9bcb0, #a49a8e, #796a5d, #4a3b2b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e1d6c1, #c9bcb0, #a49a8e, #796a5d, #4a3b2b);
}

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

Blemished Ivory color palette created on .