Winter Art Nouveau カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Art Nouveau palette

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

Winter Art Nouveau カラー パレット PNG 画像

Download winter art nouveau color palette PNG image (landscape)
Download winter art nouveau color palette PNG image (square)

Winter Art Nouveau カラーパレット CSS

/* CSS */
.color-1 {
color: #a5b7c0;
}
.color-2 {
color: #c9d9e4;
}
.color-3 {
color: #e6d8c7;
}
.color-4 {
color: #f2b1c0;
}
.color-5 {
color: #d66184;
}

/* CSS Variables */
:root {
--color-1: #a5b7c0;
 --color-2: #c9d9e4;
 --color-3: #e6d8c7;
 --color-4: #f2b1c0;
 --color-5: #d66184;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a5b7c0, #c9d9e4, #e6d8c7, #f2b1c0, #d66184);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a5b7c0, #c9d9e4, #e6d8c7, #f2b1c0, #d66184);
}

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

Winter Art Nouveau color palette created on .