Milk Can カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Milk Can palette

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

Milk Can カラー パレット PNG 画像

Download milk can color palette PNG image (landscape)
Download milk can color palette PNG image (square)

Milk Can カラーパレット CSS

/* CSS */
.color-1 {
color: #f7e7d4;
}
.color-2 {
color: #e7d0c5;
}
.color-3 {
color: #d5b09f;
}
.color-4 {
color: #cfad9b;
}
.color-5 {
color: #bfa59c;
}

/* CSS Variables */
:root {
--color-1: #f7e7d4;
 --color-2: #e7d0c5;
 --color-3: #d5b09f;
 --color-4: #cfad9b;
 --color-5: #bfa59c;
 }

Milk Can の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7e7d4, #e7d0c5, #d5b09f, #cfad9b, #bfa59c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7e7d4, #e7d0c5, #d5b09f, #cfad9b, #bfa59c);
}

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

Milk Can color palette created on .