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 .