Cream Can カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cream Can palette

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

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

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

Cream Can カラーパレット CSS

/* CSS */
.color-1 {
color: #f3e5af;
}
.color-2 {
color: #e0d3b2;
}
.color-3 {
color: #d9b8a6;
}
.color-4 {
color: #c9a4a1;
}
.color-5 {
color: #b49079;
}

/* CSS Variables */
:root {
--color-1: #f3e5af;
 --color-2: #e0d3b2;
 --color-3: #d9b8a6;
 --color-4: #c9a4a1;
 --color-5: #b49079;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f3e5af, #e0d3b2, #d9b8a6, #c9a4a1, #b49079);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f3e5af, #e0d3b2, #d9b8a6, #c9a4a1, #b49079);
}

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

Cream Can color palette created on .