The Fog Is Coming カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with The Fog Is Coming palette

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

The Fog Is Coming カラー パレット PNG 画像

Download the fog is coming color palette PNG image (landscape)
Download the fog is coming color palette PNG image (square)

The Fog Is Coming カラーパレット CSS

/* CSS */
.color-1 {
color: #bbc2c9;
}
.color-2 {
color: #d1d8db;
}
.color-3 {
color: #e6e9ea;
}
.color-4 {
color: #f3f5f6;
}
.color-5 {
color: #d7dfe5;
}

/* CSS Variables */
:root {
--color-1: #bbc2c9;
 --color-2: #d1d8db;
 --color-3: #e6e9ea;
 --color-4: #f3f5f6;
 --color-5: #d7dfe5;
 }

The Fog Is Coming の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bbc2c9, #d1d8db, #e6e9ea, #f3f5f6, #d7dfe5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bbc2c9, #d1d8db, #e6e9ea, #f3f5f6, #d7dfe5);
}

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

The Fog Is Coming color palette created on .