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 .