Snowy Wasteland カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snowy Wasteland palette

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

Snowy Wasteland カラー パレット PNG 画像

Download snowy wasteland color palette PNG image (landscape)
Download snowy wasteland color palette PNG image (square)

Snowy Wasteland カラーパレット CSS

/* CSS */
.color-1 {
color: #d7e5e2;
}
.color-2 {
color: #a3c8c0;
}
.color-3 {
color: #7eaea2;
}
.color-4 {
color: #4f8c8b;
}
.color-5 {
color: #2e605d;
}

/* CSS Variables */
:root {
--color-1: #d7e5e2;
 --color-2: #a3c8c0;
 --color-3: #7eaea2;
 --color-4: #4f8c8b;
 --color-5: #2e605d;
 }

Snowy Wasteland の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d7e5e2, #a3c8c0, #7eaea2, #4f8c8b, #2e605d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d7e5e2, #a3c8c0, #7eaea2, #4f8c8b, #2e605d);
}

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

Snowy Wasteland color palette created on .