Shades of Green and Earthy Tones カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shades of Green and Earthy Tones palette

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

Shades of Green and Earthy Tones カラーパレット CSS

/* CSS */
.color-1 {
color: #4d7f3d;
}
.color-2 {
color: #6c9b4b;
}
.color-3 {
color: #8fb069;
}
.color-4 {
color: #f7c94b;
}
.color-5 {
color: #da5f2b;
}

/* CSS Variables */
:root {
--color-1: #4d7f3d;
 --color-2: #6c9b4b;
 --color-3: #8fb069;
 --color-4: #f7c94b;
 --color-5: #da5f2b;
 }

Shades of Green and Earthy Tones の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4d7f3d, #6c9b4b, #8fb069, #f7c94b, #da5f2b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4d7f3d, #6c9b4b, #8fb069, #f7c94b, #da5f2b);
}

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

Shades of Green and Earthy Tones color palette created on .