Blushing Blossoms カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blushing Blossoms palette

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

Blushing Blossoms カラー パレット PNG 画像

Download blushing blossoms color palette PNG image (landscape)
Download blushing blossoms color palette PNG image (square)

Blushing Blossoms カラーパレット CSS

/* CSS */
.color-1 {
color: #d67a97;
}
.color-2 {
color: #f1a7b4;
}
.color-3 {
color: #f7d4df;
}
.color-4 {
color: #f5b2ca;
}
.color-5 {
color: #9e4c74;
}

/* CSS Variables */
:root {
--color-1: #d67a97;
 --color-2: #f1a7b4;
 --color-3: #f7d4df;
 --color-4: #f5b2ca;
 --color-5: #9e4c74;
 }

Blushing Blossoms の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d67a97, #f1a7b4, #f7d4df, #f5b2ca, #9e4c74);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d67a97, #f1a7b4, #f7d4df, #f5b2ca, #9e4c74);
}

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

Blushing Blossoms color palette created on .