Blush Bouquet カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blush Bouquet palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

Download blush bouquet color palette PNG image (landscape)
Download blush bouquet color palette PNG image (square)

Blush Bouquet カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7092;
}
.color-2 {
color: #ff998a;
}
.color-3 {
color: #ffb380;
}
.color-4 {
color: #ffd54d;
}
.color-5 {
color: #ffec3d;
}

/* CSS Variables */
:root {
--color-1: #ff7092;
 --color-2: #ff998a;
 --color-3: #ffb380;
 --color-4: #ffd54d;
 --color-5: #ffec3d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7092, #ff998a, #ffb380, #ffd54d, #ffec3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7092, #ff998a, #ffb380, #ffd54d, #ffec3d);
}

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

Blush Bouquet color palette created on .