Earthy Brown with Pops of Color カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Earthy Brown with Pops of Color palette

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

Earthy Brown with Pops of Color カラーパレット CSS

/* CSS */
.color-1 {
color: #8c5a2b;
}
.color-2 {
color: #d09e58;
}
.color-3 {
color: #f1c84b;
}
.color-4 {
color: #e76c50;
}
.color-5 {
color: #a54a1d;
}

/* CSS Variables */
:root {
--color-1: #8c5a2b;
 --color-2: #d09e58;
 --color-3: #f1c84b;
 --color-4: #e76c50;
 --color-5: #a54a1d;
 }

Earthy Brown with Pops of Color の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8c5a2b, #d09e58, #f1c84b, #e76c50, #a54a1d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8c5a2b, #d09e58, #f1c84b, #e76c50, #a54a1d);
}

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

Earthy Brown with Pops of Color color palette created on .