Spicy Earth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Spicy Earth palette

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

Spicy Earth カラー パレット PNG 画像

Download spicy earth color palette PNG image (landscape)
Download spicy earth color palette PNG image (square)

Spicy Earth カラーパレット CSS

/* CSS */
.color-1 {
color: #4b3c3a;
}
.color-2 {
color: #7b5b56;
}
.color-3 {
color: #b79a8a;
}
.color-4 {
color: #f0bf9e;
}
.color-5 {
color: #d84f4f;
}

/* CSS Variables */
:root {
--color-1: #4b3c3a;
 --color-2: #7b5b56;
 --color-3: #b79a8a;
 --color-4: #f0bf9e;
 --color-5: #d84f4f;
 }

Spicy Earth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3c3a, #7b5b56, #b79a8a, #f0bf9e, #d84f4f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3c3a, #7b5b56, #b79a8a, #f0bf9e, #d84f4f);
}

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

Spicy Earth color palette created on .