Moody Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Moody Zombie palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Moody Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #5b6d7b;
}
.color-2 {
color: #8c9fb1;
}
.color-3 {
color: #a1c3d4;
}
.color-4 {
color: #e2e9e6;
}
.color-5 {
color: #f6cac6;
}

/* CSS Variables */
:root {
--color-1: #5b6d7b;
 --color-2: #8c9fb1;
 --color-3: #a1c3d4;
 --color-4: #e2e9e6;
 --color-5: #f6cac6;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b6d7b, #8c9fb1, #a1c3d4, #e2e9e6, #f6cac6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b6d7b, #8c9fb1, #a1c3d4, #e2e9e6, #f6cac6);
}

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

Moody Zombie color palette created on .