Soft Petal Blush カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Soft Petal Blush palette

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

Soft Petal Blush カラーパレット (PNG) をダウンロード

Download soft petal blush color palette PNG image (landscape)
Download soft petal blush color palette PNG image (square)

Soft Petal Blush カラーパレット CSS

/* CSS */
.color-1 {
color: #f7d5b6;
}
.color-2 {
color: #e9b6a0;
}
.color-3 {
color: #f2a6c3;
}
.color-4 {
color: #f78d8d;
}
.color-5 {
color: #f5b2b2;
}

/* CSS Variables */
:root {
--color-1: #f7d5b6;
 --color-2: #e9b6a0;
 --color-3: #f2a6c3;
 --color-4: #f78d8d;
 --color-5: #f5b2b2;
 }

Soft Petal Blush の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7d5b6, #e9b6a0, #f2a6c3, #f78d8d, #f5b2b2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7d5b6, #e9b6a0, #f2a6c3, #f78d8d, #f5b2b2);
}

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

Soft Petal Blush color palette created on .