Western Mountain Wedding カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Western Mountain Wedding palette

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

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

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

Western Mountain Wedding カラーパレット (PNG) をダウンロード

Download western mountain wedding color palette PNG image (landscape)
Download western mountain wedding color palette PNG image (square)

Western Mountain Wedding カラーパレット CSS

/* CSS */
.color-1 {
color: #f7da1d;
}
.color-2 {
color: #695b9a;
}
.color-3 {
color: #a0b6a9;
}
.color-4 {
color: #d28d1e;
}
.color-5 {
color: #f2a94a;
}

/* CSS Variables */
:root {
--color-1: #f7da1d;
 --color-2: #695b9a;
 --color-3: #a0b6a9;
 --color-4: #d28d1e;
 --color-5: #f2a94a;
 }

Western Mountain Wedding の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7da1d, #695b9a, #a0b6a9, #d28d1e, #f2a94a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7da1d, #695b9a, #a0b6a9, #d28d1e, #f2a94a);
}

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

Western Mountain Wedding color palette created on .