Winter Fog カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Fog palette

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

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

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

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

Download winter fog color palette PNG image (landscape)
Download winter fog color palette PNG image (square)

Winter Fog カラーパレット CSS

/* CSS */
.color-1 {
color: #a4c2db;
}
.color-2 {
color: #b9dada;
}
.color-3 {
color: #e0e6e6;
}
.color-4 {
color: #f7f7f7;
}
.color-5 {
color: #c0c5c8;
}

/* CSS Variables */
:root {
--color-1: #a4c2db;
 --color-2: #b9dada;
 --color-3: #e0e6e6;
 --color-4: #f7f7f7;
 --color-5: #c0c5c8;
 }

Winter Fog の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a4c2db, #b9dada, #e0e6e6, #f7f7f7, #c0c5c8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a4c2db, #b9dada, #e0e6e6, #f7f7f7, #c0c5c8);
}

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

Winter Fog color palette created on .