Cash Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cash Zombie palette

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

Cash Zombie カラー パレット PNG 画像

Download cash zombie color palette PNG image (landscape)
Download cash zombie color palette PNG image (square)

Cash Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #c1d2c8;
}
.color-2 {
color: #a2c8b5;
}
.color-3 {
color: #5e9c84;
}
.color-4 {
color: #c5b69b;
}
.color-5 {
color: #c65f39;
}

/* CSS Variables */
:root {
--color-1: #c1d2c8;
 --color-2: #a2c8b5;
 --color-3: #5e9c84;
 --color-4: #c5b69b;
 --color-5: #c65f39;
 }

Cash Zombie の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c1d2c8, #a2c8b5, #5e9c84, #c5b69b, #c65f39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c1d2c8, #a2c8b5, #5e9c84, #c5b69b, #c65f39);
}

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

Cash Zombie color palette created on .