Chocolate Mint with Cream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Chocolate Mint with Cream palette

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

Chocolate Mint with Cream カラー パレット PNG 画像

Download chocolate mint with cream color palette PNG image (landscape)
Download chocolate mint with cream color palette PNG image (square)

Chocolate Mint with Cream カラーパレット CSS

/* CSS */
.color-1 {
color: #6d4f4f;
}
.color-2 {
color: #a1d4c3;
}
.color-3 {
color: #eae8d2;
}
.color-4 {
color: #f2e9d4;
}
.color-5 {
color: #d8b492;
}

/* CSS Variables */
:root {
--color-1: #6d4f4f;
 --color-2: #a1d4c3;
 --color-3: #eae8d2;
 --color-4: #f2e9d4;
 --color-5: #d8b492;
 }

Chocolate Mint with Cream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6d4f4f, #a1d4c3, #eae8d2, #f2e9d4, #d8b492);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6d4f4f, #a1d4c3, #eae8d2, #f2e9d4, #d8b492);
}

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

Chocolate Mint with Cream color palette created on .