Lush Meadow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lush Meadow palette

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

Lush Meadow カラー パレット PNG 画像

Download lush meadow color palette PNG image (landscape)
Download lush meadow color palette PNG image (square)

Lush Meadow カラーパレット CSS

/* CSS */
.color-1 {
color: #73b578;
}
.color-2 {
color: #59a665;
}
.color-3 {
color: #45824b;
}
.color-4 {
color: #375d3c;
}
.color-5 {
color: #284329;
}

/* CSS Variables */
:root {
--color-1: #73b578;
 --color-2: #59a665;
 --color-3: #45824b;
 --color-4: #375d3c;
 --color-5: #284329;
 }

Lush Meadow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #73b578, #59a665, #45824b, #375d3c, #284329);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #73b578, #59a665, #45824b, #375d3c, #284329);
}

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

Lush Meadow color palette created on .