Осень カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Осень palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Осень カラーパレット (PNG) をダウンロード

Download осень color palette PNG image (landscape)
Download осень color palette PNG image (square)

Осень カラーパレット CSS

/* CSS */
.color-1 {
color: #d27356;
}
.color-2 {
color: #f2b27d;
}
.color-3 {
color: #f8e0c4;
}
.color-4 {
color: #a46451;
}
.color-5 {
color: #6b4943;
}

/* CSS Variables */
:root {
--color-1: #d27356;
 --color-2: #f2b27d;
 --color-3: #f8e0c4;
 --color-4: #a46451;
 --color-5: #6b4943;
 }

Осень の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d27356, #f2b27d, #f8e0c4, #a46451, #6b4943);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d27356, #f2b27d, #f8e0c4, #a46451, #6b4943);
}

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

Осень color palette created on .