Grassy Cat Life カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Grassy Cat Life palette

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

Grassy Cat Life カラー パレット PNG 画像

Download grassy cat life color palette PNG image (landscape)
Download grassy cat life color palette PNG image (square)

Grassy Cat Life カラーパレット CSS

/* CSS */
.color-1 {
color: #7ebe7e;
}
.color-2 {
color: #aee3a1;
}
.color-3 {
color: #d1efc3;
}
.color-4 {
color: #f6f7a6;
}
.color-5 {
color: #ffcf70;
}

/* CSS Variables */
:root {
--color-1: #7ebe7e;
 --color-2: #aee3a1;
 --color-3: #d1efc3;
 --color-4: #f6f7a6;
 --color-5: #ffcf70;
 }

Grassy Cat Life の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7ebe7e, #aee3a1, #d1efc3, #f6f7a6, #ffcf70);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7ebe7e, #aee3a1, #d1efc3, #f6f7a6, #ffcf70);
}

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

Grassy Cat Life color palette created on .