Eggshell Serenity カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Eggshell Serenity palette

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

Eggshell Serenity カラーパレット (PNG) をダウンロード

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

Eggshell Serenity カラーパレット CSS

/* CSS */
.color-1 {
color: #eee3d3;
}
.color-2 {
color: #e4d1b9;
}
.color-3 {
color: #c5b5a5;
}
.color-4 {
color: #b0a08d;
}
.color-5 {
color: #a18b7d;
}

/* CSS Variables */
:root {
--color-1: #eee3d3;
 --color-2: #e4d1b9;
 --color-3: #c5b5a5;
 --color-4: #b0a08d;
 --color-5: #a18b7d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #eee3d3, #e4d1b9, #c5b5a5, #b0a08d, #a18b7d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #eee3d3, #e4d1b9, #c5b5a5, #b0a08d, #a18b7d);
}

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

Eggshell Serenity color palette created on .