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: #d48b2b;
}
.color-2 {
color: #f1c37e;
}
.color-3 {
color: #e5b57b;
}
.color-4 {
color: #a15b3a;
}
.color-5 {
color: #7f4c24;
}

/* CSS Variables */
:root {
--color-1: #d48b2b;
 --color-2: #f1c37e;
 --color-3: #e5b57b;
 --color-4: #a15b3a;
 --color-5: #7f4c24;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d48b2b, #f1c37e, #e5b57b, #a15b3a, #7f4c24);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d48b2b, #f1c37e, #e5b57b, #a15b3a, #7f4c24);
}

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

Harvest Moon color palette created on .