Bazaar Inspired カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bazaar Inspired palette

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

Bazaar Inspired カラー パレット PNG 画像

Download bazaar inspired color palette PNG image (landscape)
Download bazaar inspired color palette PNG image (square)

Bazaar Inspired カラーパレット CSS

/* CSS */
.color-1 {
color: #d4b6ab;
}
.color-2 {
color: #c8a49d;
}
.color-3 {
color: #b78f96;
}
.color-4 {
color: #9d7b8b;
}
.color-5 {
color: #7e5d6b;
}

/* CSS Variables */
:root {
--color-1: #d4b6ab;
 --color-2: #c8a49d;
 --color-3: #b78f96;
 --color-4: #9d7b8b;
 --color-5: #7e5d6b;
 }

Bazaar Inspired の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4b6ab, #c8a49d, #b78f96, #9d7b8b, #7e5d6b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4b6ab, #c8a49d, #b78f96, #9d7b8b, #7e5d6b);
}

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

Bazaar Inspired color palette created on .