Moonwood Mystique カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moonwood Mystique palette

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

Moonwood Mystique カラー パレット PNG 画像

Download moonwood mystique color palette PNG image (landscape)
Download moonwood mystique color palette PNG image (square)

Moonwood Mystique カラーパレット CSS

/* CSS */
.color-1 {
color: #8c7c4a;
}
.color-2 {
color: #b6a45d;
}
.color-3 {
color: #e1c07a;
}
.color-4 {
color: #f2e8b5;
}
.color-5 {
color: #d4c6b9;
}

/* CSS Variables */
:root {
--color-1: #8c7c4a;
 --color-2: #b6a45d;
 --color-3: #e1c07a;
 --color-4: #f2e8b5;
 --color-5: #d4c6b9;
 }

Moonwood Mystique の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8c7c4a, #b6a45d, #e1c07a, #f2e8b5, #d4c6b9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8c7c4a, #b6a45d, #e1c07a, #f2e8b5, #d4c6b9);
}

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

Moonwood Mystique color palette created on .