Minimalistic Monochrome with Beige カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Minimalistic Monochrome with Beige palette

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

Minimalistic Monochrome with Beige カラー パレット PNG 画像

Download minimalistic monochrome with beige color palette PNG image (landscape)
Download minimalistic monochrome with beige color palette PNG image (square)

Minimalistic Monochrome with Beige カラーパレット CSS

/* CSS */
.color-1 {
color: #f4f1eb;
}
.color-2 {
color: #e6ded5;
}
.color-3 {
color: #d9cdbf;
}
.color-4 {
color: #d0c2b3;
}
.color-5 {
color: #c5b7a6;
}

/* CSS Variables */
:root {
--color-1: #f4f1eb;
 --color-2: #e6ded5;
 --color-3: #d9cdbf;
 --color-4: #d0c2b3;
 --color-5: #c5b7a6;
 }

Minimalistic Monochrome with Beige の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4f1eb, #e6ded5, #d9cdbf, #d0c2b3, #c5b7a6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4f1eb, #e6ded5, #d9cdbf, #d0c2b3, #c5b7a6);
}

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

Minimalistic Monochrome with Beige color palette created on .