Midnight Thoughts カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Midnight Thoughts palette

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

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

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

Midnight Thoughts カラーパレット CSS

/* CSS */
.color-1 {
color: #1f2029;
}
.color-2 {
color: #2a2c41;
}
.color-3 {
color: #4e5d73;
}
.color-4 {
color: #a4cfdf;
}
.color-5 {
color: #f4a462;
}

/* CSS Variables */
:root {
--color-1: #1f2029;
 --color-2: #2a2c41;
 --color-3: #4e5d73;
 --color-4: #a4cfdf;
 --color-5: #f4a462;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2029, #2a2c41, #4e5d73, #a4cfdf, #f4a462);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2029, #2a2c41, #4e5d73, #a4cfdf, #f4a462);
}

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

Midnight Thoughts color palette created on .