Cool Weather for Fall カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cool Weather for Fall palette

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

Cool Weather for Fall カラー パレット PNG 画像

Download cool weather for fall color palette PNG image (landscape)
Download cool weather for fall color palette PNG image (square)

Cool Weather for Fall カラーパレット CSS

/* CSS */
.color-1 {
color: #c4a04a;
}
.color-2 {
color: #a85f2e;
}
.color-3 {
color: #a35b4d;
}
.color-4 {
color: #6b8e5d;
}
.color-5 {
color: #4f8c8b;
}

/* CSS Variables */
:root {
--color-1: #c4a04a;
 --color-2: #a85f2e;
 --color-3: #a35b4d;
 --color-4: #6b8e5d;
 --color-5: #4f8c8b;
 }

Cool Weather for Fall の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c4a04a, #a85f2e, #a35b4d, #6b8e5d, #4f8c8b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c4a04a, #a85f2e, #a35b4d, #6b8e5d, #4f8c8b);
}

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

Cool Weather for Fall color palette created on .