Coquette Charm カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coquette Charm palette

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

Coquette Charm カラー パレット PNG 画像

Download coquette charm color palette PNG image (landscape)
Download coquette charm color palette PNG image (square)

Coquette Charm カラーパレット CSS

/* CSS */
.color-1 {
color: #f1bbca;
}
.color-2 {
color: #f3c9d0;
}
.color-3 {
color: #ebc6d4;
}
.color-4 {
color: #eb84a5;
}
.color-5 {
color: #c34b61;
}

/* CSS Variables */
:root {
--color-1: #f1bbca;
 --color-2: #f3c9d0;
 --color-3: #ebc6d4;
 --color-4: #eb84a5;
 --color-5: #c34b61;
 }

Coquette Charm の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1bbca, #f3c9d0, #ebc6d4, #eb84a5, #c34b61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1bbca, #f3c9d0, #ebc6d4, #eb84a5, #c34b61);
}

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

Coquette Charm color palette created on .