Sere カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sere palette

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

Sere カラー パレット PNG 画像

Download sere color palette PNG image (landscape)
Download sere color palette PNG image (square)

Sere カラーパレット CSS

/* CSS */
.color-1 {
color: #f3e7e9;
}
.color-2 {
color: #d2c6c9;
}
.color-3 {
color: #b1a5aa;
}
.color-4 {
color: #8e899a;
}
.color-5 {
color: #6f5d7e;
}

/* CSS Variables */
:root {
--color-1: #f3e7e9;
 --color-2: #d2c6c9;
 --color-3: #b1a5aa;
 --color-4: #8e899a;
 --color-5: #6f5d7e;
 }

Sere の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f3e7e9, #d2c6c9, #b1a5aa, #8e899a, #6f5d7e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f3e7e9, #d2c6c9, #b1a5aa, #8e899a, #6f5d7e);
}

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

Sere color palette created on .