Mary Bianca カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mary Bianca palette

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

Mary Bianca カラー パレット PNG 画像

Download mary bianca color palette PNG image (landscape)
Download mary bianca color palette PNG image (square)

Mary Bianca カラーパレット CSS

/* CSS */
.color-1 {
color: #f1d0bb;
}
.color-2 {
color: #edab9c;
}
.color-3 {
color: #e38a7d;
}
.color-4 {
color: #d9686c;
}
.color-5 {
color: #c3464c;
}

/* CSS Variables */
:root {
--color-1: #f1d0bb;
 --color-2: #edab9c;
 --color-3: #e38a7d;
 --color-4: #d9686c;
 --color-5: #c3464c;
 }

Mary Bianca の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1d0bb, #edab9c, #e38a7d, #d9686c, #c3464c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1d0bb, #edab9c, #e38a7d, #d9686c, #c3464c);
}

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

Mary Bianca color palette created on .