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: #f8f2e2;
}
.color-2 {
color: #e5d7c2;
}
.color-3 {
color: #d4b7a1;
}
.color-4 {
color: #c68e7b;
}
.color-5 {
color: #a85c4d;
}

/* CSS Variables */
:root {
--color-1: #f8f2e2;
 --color-2: #e5d7c2;
 --color-3: #d4b7a1;
 --color-4: #c68e7b;
 --color-5: #a85c4d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8f2e2, #e5d7c2, #d4b7a1, #c68e7b, #a85c4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8f2e2, #e5d7c2, #d4b7a1, #c68e7b, #a85c4d);
}

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

Bleached Ivory color palette created on .