Harvest Moon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Harvest Moon palette

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

Harvest Moon カラー パレット PNG 画像

Download harvest moon color palette PNG image (landscape)
Download harvest moon color palette PNG image (square)

Harvest Moon カラーパレット CSS

/* CSS */
.color-1 {
color: #d59d5d;
}
.color-2 {
color: #a45f2d;
}
.color-3 {
color: #7e3a1b;
}
.color-4 {
color: #5a2b1b;
}
.color-5 {
color: #2d1b1b;
}

/* CSS Variables */
:root {
--color-1: #d59d5d;
 --color-2: #a45f2d;
 --color-3: #7e3a1b;
 --color-4: #5a2b1b;
 --color-5: #2d1b1b;
 }

Harvest Moon の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d59d5d, #a45f2d, #7e3a1b, #5a2b1b, #2d1b1b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d59d5d, #a45f2d, #7e3a1b, #5a2b1b, #2d1b1b);
}

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

Harvest Moon color palette created on .