Faded Passion カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Faded Passion palette

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

Faded Passion カラー パレット PNG 画像

Download faded passion color palette PNG image (landscape)
Download faded passion color palette PNG image (square)

Faded Passion カラーパレット CSS

/* CSS */
.color-1 {
color: #c67b90;
}
.color-2 {
color: #f5b8a3;
}
.color-3 {
color: #f9e5b4;
}
.color-4 {
color: #f4cf3e;
}
.color-5 {
color: #d3ab0d;
}

/* CSS Variables */
:root {
--color-1: #c67b90;
 --color-2: #f5b8a3;
 --color-3: #f9e5b4;
 --color-4: #f4cf3e;
 --color-5: #d3ab0d;
 }

Faded Passion の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c67b90, #f5b8a3, #f9e5b4, #f4cf3e, #d3ab0d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c67b90, #f5b8a3, #f9e5b4, #f4cf3e, #d3ab0d);
}

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

Faded Passion color palette created on .