Savory Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Savory Sunset palette

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

Savory Sunset カラーパレット (PNG) をダウンロード

Download savory sunset color palette PNG image (landscape)
Download savory sunset color palette PNG image (square)

Savory Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c6a1;
}
.color-2 {
color: #f5a524;
}
.color-3 {
color: #f2590d;
}
.color-4 {
color: #d85f0e;
}
.color-5 {
color: #b6500c;
}

/* CSS Variables */
:root {
--color-1: #f7c6a1;
 --color-2: #f5a524;
 --color-3: #f2590d;
 --color-4: #d85f0e;
 --color-5: #b6500c;
 }

Savory Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c6a1, #f5a524, #f2590d, #d85f0e, #b6500c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c6a1, #f5a524, #f2590d, #d85f0e, #b6500c);
}

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

Savory Sunset color palette created on .