Spirits of the Cherry Blossom Moon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Spirits of the Cherry Blossom Moon palette

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

Spirits of the Cherry Blossom Moon カラーパレット CSS

/* CSS */
.color-1 {
color: #a8d3e1;
}
.color-2 {
color: #f3c8af;
}
.color-3 {
color: #d75b7c;
}
.color-4 {
color: #e6a8b0;
}
.color-5 {
color: #a65e8d;
}

/* CSS Variables */
:root {
--color-1: #a8d3e1;
 --color-2: #f3c8af;
 --color-3: #d75b7c;
 --color-4: #e6a8b0;
 --color-5: #a65e8d;
 }

Spirits of the Cherry Blossom Moon の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8d3e1, #f3c8af, #d75b7c, #e6a8b0, #a65e8d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8d3e1, #f3c8af, #d75b7c, #e6a8b0, #a65e8d);
}

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

Spirits of the Cherry Blossom Moon color palette created on .