Café Mocha Bliss カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Café Mocha Bliss palette

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

Café Mocha Bliss カラー パレット PNG 画像

Download café mocha bliss color palette PNG image (landscape)
Download café mocha bliss color palette PNG image (square)

Café Mocha Bliss カラーパレット CSS

/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #d7b49d;
}
.color-3 {
color: #f5e4c2;
}
.color-4 {
color: #e1af7a;
}
.color-5 {
color: #3c2a20;
}

/* CSS Variables */
:root {
--color-1: #6f4c3e;
 --color-2: #d7b49d;
 --color-3: #f5e4c2;
 --color-4: #e1af7a;
 --color-5: #3c2a20;
 }

Café Mocha Bliss の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #d7b49d, #f5e4c2, #e1af7a, #3c2a20);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #d7b49d, #f5e4c2, #e1af7a, #3c2a20);
}

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

Café Mocha Bliss color palette created on .