Sage Maroon Summer Wedding カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sage Maroon Summer Wedding palette

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

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

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

Sage Maroon Summer Wedding カラーパレット (PNG) をダウンロード

Download sage maroon summer wedding color palette PNG image (landscape)
Download sage maroon summer wedding color palette PNG image (square)

Sage Maroon Summer Wedding カラーパレット CSS

/* CSS */
.color-1 {
color: #b1c8b1;
}
.color-2 {
color: #9e5151;
}
.color-3 {
color: #d6c2c2;
}
.color-4 {
color: #f0e3d6;
}
.color-5 {
color: #c9bea6;
}

/* CSS Variables */
:root {
--color-1: #b1c8b1;
 --color-2: #9e5151;
 --color-3: #d6c2c2;
 --color-4: #f0e3d6;
 --color-5: #c9bea6;
 }

Sage Maroon Summer Wedding の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b1c8b1, #9e5151, #d6c2c2, #f0e3d6, #c9bea6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b1c8b1, #9e5151, #d6c2c2, #f0e3d6, #c9bea6);
}

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

Sage Maroon Summer Wedding color palette created on .