Moon Fall Pastel カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moon Fall Pastel palette

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

Moon Fall Pastel カラー パレット PNG 画像

Download moon fall pastel color palette PNG image (landscape)
Download moon fall pastel color palette PNG image (square)

Moon Fall Pastel カラーパレット CSS

/* CSS */
.color-1 {
color: #efe0d2;
}
.color-2 {
color: #c2aed5;
}
.color-3 {
color: #aac8e9;
}
.color-4 {
color: #7d9b9b;
}
.color-5 {
color: #f6d0d0;
}

/* CSS Variables */
:root {
--color-1: #efe0d2;
 --color-2: #c2aed5;
 --color-3: #aac8e9;
 --color-4: #7d9b9b;
 --color-5: #f6d0d0;
 }

Moon Fall Pastel の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #efe0d2, #c2aed5, #aac8e9, #7d9b9b, #f6d0d0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #efe0d2, #c2aed5, #aac8e9, #7d9b9b, #f6d0d0);
}

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

下にスクロールして7個のパステルカラーパレットを探索しましょう

Moon Fall Pastel color palette created on .