Mulled Spice カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mulled Spice palette

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

Mulled Spice カラー パレット PNG 画像

Download mulled spice color palette PNG image (landscape)
Download mulled spice color palette PNG image (square)

Mulled Spice カラーパレット CSS

/* CSS */
.color-1 {
color: #4f4662;
}
.color-2 {
color: #6b5c70;
}
.color-3 {
color: #a06a8b;
}
.color-4 {
color: #deae8c;
}
.color-5 {
color: #c7594d;
}

/* CSS Variables */
:root {
--color-1: #4f4662;
 --color-2: #6b5c70;
 --color-3: #a06a8b;
 --color-4: #deae8c;
 --color-5: #c7594d;
 }

Mulled Spice の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f4662, #6b5c70, #a06a8b, #deae8c, #c7594d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f4662, #6b5c70, #a06a8b, #deae8c, #c7594d);
}

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

Mulled Spice color palette created on .