Matcha Mochi カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Matcha Mochi palette

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

Matcha Mochi カラー パレット PNG 画像

Download matcha mochi color palette PNG image (landscape)
Download matcha mochi color palette PNG image (square)

Matcha Mochi カラーパレット CSS

/* CSS */
.color-1 {
color: #b3d99b;
}
.color-2 {
color: #c1e1a8;
}
.color-3 {
color: #e7f2d4;
}
.color-4 {
color: #f9f5ec;
}
.color-5 {
color: #e4c9b4;
}

/* CSS Variables */
:root {
--color-1: #b3d99b;
 --color-2: #c1e1a8;
 --color-3: #e7f2d4;
 --color-4: #f9f5ec;
 --color-5: #e4c9b4;
 }

Matcha Mochi の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b3d99b, #c1e1a8, #e7f2d4, #f9f5ec, #e4c9b4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b3d99b, #c1e1a8, #e7f2d4, #f9f5ec, #e4c9b4);
}

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

Matcha Mochi color palette created on .