Spa Serenity カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Spa Serenity palette

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

Spa Serenity カラー パレット PNG 画像

Download spa serenity color palette PNG image (landscape)
Download spa serenity color palette PNG image (square)

Spa Serenity カラーパレット CSS

/* CSS */
.color-1 {
color: #a8d3e1;
}
.color-2 {
color: #f1e1b6;
}
.color-3 {
color: #f9c7b4;
}
.color-4 {
color: #a4daa6;
}
.color-5 {
color: #f4a462;
}

/* CSS Variables */
:root {
--color-1: #a8d3e1;
 --color-2: #f1e1b6;
 --color-3: #f9c7b4;
 --color-4: #a4daa6;
 --color-5: #f4a462;
 }

Spa Serenity の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8d3e1, #f1e1b6, #f9c7b4, #a4daa6, #f4a462);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8d3e1, #f1e1b6, #f9c7b4, #a4daa6, #f4a462);
}

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

Spa Serenity color palette created on .