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 .