Place in the World Fades Away カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Place in the World Fades Away palette

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

Place in the World Fades Away カラーパレット CSS

/* CSS */
.color-1 {
color: #d4dddd;
}
.color-2 {
color: #abbfbf;
}
.color-3 {
color: #8ea9a9;
}
.color-4 {
color: #6c9393;
}
.color-5 {
color: #476c6c;
}

/* CSS Variables */
:root {
--color-1: #d4dddd;
 --color-2: #abbfbf;
 --color-3: #8ea9a9;
 --color-4: #6c9393;
 --color-5: #476c6c;
 }

Place in the World Fades Away の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4dddd, #abbfbf, #8ea9a9, #6c9393, #476c6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4dddd, #abbfbf, #8ea9a9, #6c9393, #476c6c);
}

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

Place in the World Fades Away color palette created on .