Acorn Harvest カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Acorn Harvest palette

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

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

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

Acorn Harvest カラーパレット CSS

/* CSS */
.color-1 {
color: #a65a2b;
}
.color-2 {
color: #c58930;
}
.color-3 {
color: #e6b84c;
}
.color-4 {
color: #f8d88b;
}
.color-5 {
color: #a3c09b;
}

/* CSS Variables */
:root {
--color-1: #a65a2b;
 --color-2: #c58930;
 --color-3: #e6b84c;
 --color-4: #f8d88b;
 --color-5: #a3c09b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a65a2b, #c58930, #e6b84c, #f8d88b, #a3c09b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a65a2b, #c58930, #e6b84c, #f8d88b, #a3c09b);
}

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

Acorn Harvest color palette created on .