Boho Nature カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Boho Nature palette

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

Boho Nature カラー パレット PNG 画像

Download boho nature color palette PNG image (landscape)
Download boho nature color palette PNG image (square)

Boho Nature カラーパレット CSS

/* CSS */
.color-1 {
color: #7b9b69;
}
.color-2 {
color: #9fc6a3;
}
.color-3 {
color: #f2e8c4;
}
.color-4 {
color: #e4b49b;
}
.color-5 {
color: #d78060;
}

/* CSS Variables */
:root {
--color-1: #7b9b69;
 --color-2: #9fc6a3;
 --color-3: #f2e8c4;
 --color-4: #e4b49b;
 --color-5: #d78060;
 }

Boho Nature の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7b9b69, #9fc6a3, #f2e8c4, #e4b49b, #d78060);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7b9b69, #9fc6a3, #f2e8c4, #e4b49b, #d78060);
}

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

Boho Nature color palette created on .