Green Sage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Sage palette

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

Green Sage カラー パレット PNG 画像

Download green sage color palette PNG image (landscape)
Download green sage color palette PNG image (square)

Green Sage カラーパレット CSS

/* CSS */
.color-1 {
color: #b2c2b8;
}
.color-2 {
color: #a2bfa1;
}
.color-3 {
color: #8db98d;
}
.color-4 {
color: #b5d3a7;
}
.color-5 {
color: #d0e7d0;
}

/* CSS Variables */
:root {
--color-1: #b2c2b8;
 --color-2: #a2bfa1;
 --color-3: #8db98d;
 --color-4: #b5d3a7;
 --color-5: #d0e7d0;
 }

Green Sage の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b2c2b8, #a2bfa1, #8db98d, #b5d3a7, #d0e7d0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b2c2b8, #a2bfa1, #8db98d, #b5d3a7, #d0e7d0);
}

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

Green Sage color palette created on .