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 .