Peachy Pavlova カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Peachy Pavlova palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Peachy Pavlova カラーパレット (PNG) をダウンロード

Download peachy pavlova color palette PNG image (landscape)
Download peachy pavlova color palette PNG image (square)

Peachy Pavlova カラーパレット CSS

/* CSS */
.color-1 {
color: #ead2b3;
}
.color-2 {
color: #f4d7b8;
}
.color-3 {
color: #f2c4a1;
}
.color-4 {
color: #e9b3a0;
}
.color-5 {
color: #d79c8e;
}

/* CSS Variables */
:root {
--color-1: #ead2b3;
 --color-2: #f4d7b8;
 --color-3: #f2c4a1;
 --color-4: #e9b3a0;
 --color-5: #d79c8e;
 }

Peachy Pavlova の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ead2b3, #f4d7b8, #f2c4a1, #e9b3a0, #d79c8e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ead2b3, #f4d7b8, #f2c4a1, #e9b3a0, #d79c8e);
}

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

Peachy Pavlova color palette created on .