Blessed Bendy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blessed Bendy palette

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

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

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

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

Download blessed bendy color palette PNG image (landscape)
Download blessed bendy color palette PNG image (square)

Blessed Bendy カラーパレット CSS

/* CSS */
.color-1 {
color: #f5c8a3;
}
.color-2 {
color: #f0b87f;
}
.color-3 {
color: #e39968;
}
.color-4 {
color: #d56858;
}
.color-5 {
color: #b24d38;
}

/* CSS Variables */
:root {
--color-1: #f5c8a3;
 --color-2: #f0b87f;
 --color-3: #e39968;
 --color-4: #d56858;
 --color-5: #b24d38;
 }

Blessed Bendy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5c8a3, #f0b87f, #e39968, #d56858, #b24d38);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5c8a3, #f0b87f, #e39968, #d56858, #b24d38);
}

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

Blessed Bendy color palette created on .