Loading...

Misty Brew カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Misty Brew palette

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

Misty Brew カラーパレット (PNG) をダウンロード

Download misty brew color palette PNG image (landscape)
Download misty brew color palette PNG image (square)

Misty Brew カラーパレット CSS

/* CSS */
.color-1 {
color: #b5c9b5;
}
.color-2 {
color: #8c9b8c;
}
.color-3 {
color: #6a7c6a;
}
.color-4 {
color: #4d5b4d;
}
.color-5 {
color: #2f3c2f;
}

/* CSS Variables */
:root {
--color-1: #b5c9b5;
 --color-2: #8c9b8c;
 --color-3: #6a7c6a;
 --color-4: #4d5b4d;
 --color-5: #2f3c2f;
 }

Misty Brew の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b5c9b5, #8c9b8c, #6a7c6a, #4d5b4d, #2f3c2f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b5c9b5, #8c9b8c, #6a7c6a, #4d5b4d, #2f3c2f);
}

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

Misty Brew color palette created on .