Purple and Cream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Purple and Cream palette

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

Purple and Cream カラーパレット (PNG) をダウンロード

Download purple and cream color palette PNG image (landscape)
Download purple and cream color palette PNG image (square)

Purple and Cream カラーパレット CSS

/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #f7f7f7;
}
.color-3 {
color: #8a4aba;
}
.color-4 {
color: #4b2c1b;
}
.color-5 {
color: #fff3d1;
}

/* CSS Variables */
:root {
--color-1: #ffffff;
 --color-2: #f7f7f7;
 --color-3: #8a4aba;
 --color-4: #4b2c1b;
 --color-5: #fff3d1;
 }

Purple and Cream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #f7f7f7, #8a4aba, #4b2c1b, #fff3d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #f7f7f7, #8a4aba, #4b2c1b, #fff3d1);
}

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

Purple and Cream color palette created on .