Waning Moons Raptor カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Waning Moons Raptor palette

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

Waning Moons Raptor カラー パレット PNG 画像

Download waning moons raptor color palette PNG image (landscape)
Download waning moons raptor color palette PNG image (square)

Waning Moons Raptor カラーパレット CSS

/* CSS */
.color-1 {
color: #a098a4;
}
.color-2 {
color: #b1acb9;
}
.color-3 {
color: #cacdd3;
}
.color-4 {
color: #e3e8ed;
}
.color-5 {
color: #f9f9fa;
}

/* CSS Variables */
:root {
--color-1: #a098a4;
 --color-2: #b1acb9;
 --color-3: #cacdd3;
 --color-4: #e3e8ed;
 --color-5: #f9f9fa;
 }

Waning Moons Raptor の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a098a4, #b1acb9, #cacdd3, #e3e8ed, #f9f9fa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a098a4, #b1acb9, #cacdd3, #e3e8ed, #f9f9fa);
}

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

Waning Moons Raptor color palette created on .