Snowy Moon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snowy Moon palette

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

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

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

Snowy Moon カラーパレット CSS

/* CSS */
.color-1 {
color: #e1f6f9;
}
.color-2 {
color: #a8d3e1;
}
.color-3 {
color: #6ca4b2;
}
.color-4 {
color: #3e7989;
}
.color-5 {
color: #2b4d5e;
}

/* CSS Variables */
:root {
--color-1: #e1f6f9;
 --color-2: #a8d3e1;
 --color-3: #6ca4b2;
 --color-4: #3e7989;
 --color-5: #2b4d5e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e1f6f9, #a8d3e1, #6ca4b2, #3e7989, #2b4d5e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e1f6f9, #a8d3e1, #6ca4b2, #3e7989, #2b4d5e);
}

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

Snowy Moon color palette created on .