Green Succulent カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Succulent palette

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

Green Succulent カラーパレット (PNG) をダウンロード

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

Green Succulent カラーパレット CSS

/* CSS */
.color-1 {
color: #b3d7b2;
}
.color-2 {
color: #a1c4a7;
}
.color-3 {
color: #87af4b;
}
.color-4 {
color: #6b8f24;
}
.color-5 {
color: #4c703e;
}

/* CSS Variables */
:root {
--color-1: #b3d7b2;
 --color-2: #a1c4a7;
 --color-3: #87af4b;
 --color-4: #6b8f24;
 --color-5: #4c703e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b3d7b2, #a1c4a7, #87af4b, #6b8f24, #4c703e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b3d7b2, #a1c4a7, #87af4b, #6b8f24, #4c703e);
}

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

Green Succulent color palette created on .