Midnight Moth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Midnight Moth palette

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

Midnight Moth カラー パレット PNG 画像

Download midnight moth color palette PNG image (landscape)
Download midnight moth color palette PNG image (square)

Midnight Moth カラーパレット CSS

/* CSS */
.color-1 {
color: #1c1c3b;
}
.color-2 {
color: #3e3e6f;
}
.color-3 {
color: #60609f;
}
.color-4 {
color: #a4a4df;
}
.color-5 {
color: #f5f5ff;
}

/* CSS Variables */
:root {
--color-1: #1c1c3b;
 --color-2: #3e3e6f;
 --color-3: #60609f;
 --color-4: #a4a4df;
 --color-5: #f5f5ff;
 }

Midnight Moth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1c3b, #3e3e6f, #60609f, #a4a4df, #f5f5ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1c3b, #3e3e6f, #60609f, #a4a4df, #f5f5ff);
}

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

Midnight Moth color palette created on .