Retro Earthy Fall カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Retro Earthy Fall palette

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

Retro Earthy Fall カラー パレット PNG 画像

Download retro earthy fall color palette PNG image (landscape)
Download retro earthy fall color palette PNG image (square)

Retro Earthy Fall カラーパレット CSS

/* CSS */
.color-1 {
color: #d69f38;
}
.color-2 {
color: #c37b3c;
}
.color-3 {
color: #a45b2d;
}
.color-4 {
color: #894929;
}
.color-5 {
color: #6b3e29;
}

/* CSS Variables */
:root {
--color-1: #d69f38;
 --color-2: #c37b3c;
 --color-3: #a45b2d;
 --color-4: #894929;
 --color-5: #6b3e29;
 }

Retro Earthy Fall の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d69f38, #c37b3c, #a45b2d, #894929, #6b3e29);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d69f38, #c37b3c, #a45b2d, #894929, #6b3e29);
}

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

Retro Earthy Fall color palette created on .