Everest Sparkle カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Everest Sparkle palette

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

Everest Sparkle カラー パレット PNG 画像

Download everest sparkle color palette PNG image (landscape)
Download everest sparkle color palette PNG image (square)

Everest Sparkle カラーパレット CSS

/* CSS */
.color-1 {
color: #a3c3e0;
}
.color-2 {
color: #cee8e7;
}
.color-3 {
color: #f7f4e4;
}
.color-4 {
color: #f8d8a0;
}
.color-5 {
color: #e7a6ae;
}

/* CSS Variables */
:root {
--color-1: #a3c3e0;
 --color-2: #cee8e7;
 --color-3: #f7f4e4;
 --color-4: #f8d8a0;
 --color-5: #e7a6ae;
 }

Everest Sparkle の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c3e0, #cee8e7, #f7f4e4, #f8d8a0, #e7a6ae);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c3e0, #cee8e7, #f7f4e4, #f8d8a0, #e7a6ae);
}

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

Everest Sparkle color palette created on .