Mudwing Essence カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mudwing Essence palette

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

Mudwing Essence カラー パレット PNG 画像

Download mudwing essence color palette PNG image (landscape)
Download mudwing essence color palette PNG image (square)

Mudwing Essence カラーパレット CSS

/* CSS */
.color-1 {
color: #5b3a29;
}
.color-2 {
color: #c77b3d;
}
.color-3 {
color: #d0996c;
}
.color-4 {
color: #a54e2c;
}
.color-5 {
color: #9d5b3f;
}

/* CSS Variables */
:root {
--color-1: #5b3a29;
 --color-2: #c77b3d;
 --color-3: #d0996c;
 --color-4: #a54e2c;
 --color-5: #9d5b3f;
 }

Mudwing Essence の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b3a29, #c77b3d, #d0996c, #a54e2c, #9d5b3f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b3a29, #c77b3d, #d0996c, #a54e2c, #9d5b3f);
}

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

Mudwing Essence color palette created on .