Rural Farmland カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rural Farmland palette

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

Rural Farmland カラー パレット PNG 画像

Download rural farmland color palette PNG image (landscape)
Download rural farmland color palette PNG image (square)

Rural Farmland カラーパレット CSS

/* CSS */
.color-1 {
color: #b9cea6;
}
.color-2 {
color: #ebccc1;
}
.color-3 {
color: #edc0bf;
}
.color-4 {
color: #dab67c;
}
.color-5 {
color: #9c7a4f;
}

/* CSS Variables */
:root {
--color-1: #b9cea6;
 --color-2: #ebccc1;
 --color-3: #edc0bf;
 --color-4: #dab67c;
 --color-5: #9c7a4f;
 }

Rural Farmland の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b9cea6, #ebccc1, #edc0bf, #dab67c, #9c7a4f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b9cea6, #ebccc1, #edc0bf, #dab67c, #9c7a4f);
}

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

Rural Farmland color palette created on .