Apricot Bliss カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Apricot Bliss palette

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

Apricot Bliss カラー パレット PNG 画像

Download apricot bliss color palette PNG image (landscape)
Download apricot bliss color palette PNG image (square)

Apricot Bliss カラーパレット CSS

/* CSS */
.color-1 {
color: #fbc3a2;
}
.color-2 {
color: #f2a6a1;
}
.color-3 {
color: #d5897b;
}
.color-4 {
color: #b86e4c;
}
.color-5 {
color: #fad6a3;
}

/* CSS Variables */
:root {
--color-1: #fbc3a2;
 --color-2: #f2a6a1;
 --color-3: #d5897b;
 --color-4: #b86e4c;
 --color-5: #fad6a3;
 }

Apricot Bliss の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fbc3a2, #f2a6a1, #d5897b, #b86e4c, #fad6a3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fbc3a2, #f2a6a1, #d5897b, #b86e4c, #fad6a3);
}

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

Apricot Bliss color palette created on .