Moon Fall Pastel カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Moon Fall Pastel palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Moon Fall Pastel カラーパレット (PNG) をダウンロード
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 .