Pink Fae カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Fae palette

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

Pink Fae カラー パレット PNG 画像

Download pink fae color palette PNG image (landscape)
Download pink fae color palette PNG image (square)

Pink Fae カラーパレット CSS

/* CSS */
.color-1 {
color: #f5c7d1;
}
.color-2 {
color: #f3a5d9;
}
.color-3 {
color: #e26aaa;
}
.color-4 {
color: #b65d99;
}
.color-5 {
color: #7a2e6d;
}

/* CSS Variables */
:root {
--color-1: #f5c7d1;
 --color-2: #f3a5d9;
 --color-3: #e26aaa;
 --color-4: #b65d99;
 --color-5: #7a2e6d;
 }

Pink Fae の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5c7d1, #f3a5d9, #e26aaa, #b65d99, #7a2e6d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5c7d1, #f3a5d9, #e26aaa, #b65d99, #7a2e6d);
}

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

Pink Fae color palette created on .