Mint Blossom カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mint Blossom palette

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

Mint Blossom カラー パレット PNG 画像

Download mint blossom color palette PNG image (landscape)
Download mint blossom color palette PNG image (square)

Mint Blossom カラーパレット CSS

/* CSS */
.color-1 {
color: #f0f0f0;
}
.color-2 {
color: #b2e0de;
}
.color-3 {
color: #ffe5e5;
}
.color-4 {
color: #83d8cf;
}
.color-5 {
color: #00806c;
}

/* CSS Variables */
:root {
--color-1: #f0f0f0;
 --color-2: #b2e0de;
 --color-3: #ffe5e5;
 --color-4: #83d8cf;
 --color-5: #00806c;
 }

Mint Blossom の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0f0f0, #b2e0de, #ffe5e5, #83d8cf, #00806c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0f0f0, #b2e0de, #ffe5e5, #83d8cf, #00806c);
}

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

Mint Blossom color palette created on .