Otoño Calido カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Otoño Calido palette

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

Otoño Calido カラー パレット PNG 画像

Download otoño calido color palette PNG image (landscape)
Download otoño calido color palette PNG image (square)

Otoño Calido カラーパレット CSS

/* CSS */
.color-1 {
color: #d86c31;
}
.color-2 {
color: #e9a353;
}
.color-3 {
color: #f2d77d;
}
.color-4 {
color: #a7c3a8;
}
.color-5 {
color: #6d4b7c;
}

/* CSS Variables */
:root {
--color-1: #d86c31;
 --color-2: #e9a353;
 --color-3: #f2d77d;
 --color-4: #a7c3a8;
 --color-5: #6d4b7c;
 }

Otoño Calido の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d86c31, #e9a353, #f2d77d, #a7c3a8, #6d4b7c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d86c31, #e9a353, #f2d77d, #a7c3a8, #6d4b7c);
}

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

Otoño Calido color palette created on .