Beige Blue Lilac Teal Purple カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Beige Blue Lilac Teal Purple palette

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

Beige Blue Lilac Teal Purple カラー パレット PNG 画像

Download beige blue lilac teal purple color palette PNG image (landscape)
Download beige blue lilac teal purple color palette PNG image (square)

Beige Blue Lilac Teal Purple カラーパレット CSS

/* CSS */
.color-1 {
color: #d2c5b6;
}
.color-2 {
color: #a3c7e0;
}
.color-3 {
color: #b79fd1;
}
.color-4 {
color: #6a4e8d;
}
.color-5 {
color: #009975;
}

/* CSS Variables */
:root {
--color-1: #d2c5b6;
 --color-2: #a3c7e0;
 --color-3: #b79fd1;
 --color-4: #6a4e8d;
 --color-5: #009975;
 }

Beige Blue Lilac Teal Purple の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2c5b6, #a3c7e0, #b79fd1, #6a4e8d, #009975);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2c5b6, #a3c7e0, #b79fd1, #6a4e8d, #009975);
}

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

Beige Blue Lilac Teal Purple color palette created on .