Blue Chocolate Biscuit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blue Chocolate Biscuit palette

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

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

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

Blue Chocolate Biscuit カラーパレット (PNG) をダウンロード

Download blue chocolate biscuit color palette PNG image (landscape)
Download blue chocolate biscuit color palette PNG image (square)

Blue Chocolate Biscuit カラーパレット CSS

/* CSS */
.color-1 {
color: #725446;
}
.color-2 {
color: #8e6452;
}
.color-3 {
color: #c4a878;
}
.color-4 {
color: #a4c3ea;
}
.color-5 {
color: #7c9bda;
}

/* CSS Variables */
:root {
--color-1: #725446;
 --color-2: #8e6452;
 --color-3: #c4a878;
 --color-4: #a4c3ea;
 --color-5: #7c9bda;
 }

Blue Chocolate Biscuit の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #725446, #8e6452, #c4a878, #a4c3ea, #7c9bda);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #725446, #8e6452, #c4a878, #a4c3ea, #7c9bda);
}

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

Blue Chocolate Biscuit color palette created on .