Storms Over Silk カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Storms Over Silk palette

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

Storms Over Silk カラー パレット PNG 画像

Download storms over silk color palette PNG image (landscape)
Download storms over silk color palette PNG image (square)

Storms Over Silk カラーパレット CSS

/* CSS */
.color-1 {
color: #4f7d92;
}
.color-2 {
color: #7cb0b1;
}
.color-3 {
color: #b5e0e3;
}
.color-4 {
color: #f7c5a1;
}
.color-5 {
color: #d75e3c;
}

/* CSS Variables */
:root {
--color-1: #4f7d92;
 --color-2: #7cb0b1;
 --color-3: #b5e0e3;
 --color-4: #f7c5a1;
 --color-5: #d75e3c;
 }

Storms Over Silk の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f7d92, #7cb0b1, #b5e0e3, #f7c5a1, #d75e3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f7d92, #7cb0b1, #b5e0e3, #f7c5a1, #d75e3c);
}

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

Storms Over Silk color palette created on .