Bleached Ivory カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bleached Ivory palette

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

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

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

Bleached Ivory カラーパレット CSS

/* CSS */
.color-1 {
color: #ede7d4;
}
.color-2 {
color: #d1c6b8;
}
.color-3 {
color: #b2a899;
}
.color-4 {
color: #a78e6c;
}
.color-5 {
color: #e5c9a9;
}

/* CSS Variables */
:root {
--color-1: #ede7d4;
 --color-2: #d1c6b8;
 --color-3: #b2a899;
 --color-4: #a78e6c;
 --color-5: #e5c9a9;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ede7d4, #d1c6b8, #b2a899, #a78e6c, #e5c9a9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ede7d4, #d1c6b8, #b2a899, #a78e6c, #e5c9a9);
}

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

Bleached Ivory color palette created on .