Pastel Spring カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pastel Spring palette

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

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

Download pastel spring color palette PNG image (landscape)
Download pastel spring color palette PNG image (square)

Pastel Spring カラーパレット CSS

/* CSS */
.color-1 {
color: #a9d3e0;
}
.color-2 {
color: #f1e8b7;
}
.color-3 {
color: #f4b8c4;
}
.color-4 {
color: #b1e6ad;
}
.color-5 {
color: #f6c5b1;
}

/* CSS Variables */
:root {
--color-1: #a9d3e0;
 --color-2: #f1e8b7;
 --color-3: #f4b8c4;
 --color-4: #b1e6ad;
 --color-5: #f6c5b1;
 }

Pastel Spring の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a9d3e0, #f1e8b7, #f4b8c4, #b1e6ad, #f6c5b1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a9d3e0, #f1e8b7, #f4b8c4, #b1e6ad, #f6c5b1);
}

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

Pastel Spring color palette created on .