Vintage Harmony カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vintage Harmony palette

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

Vintage Harmony カラー パレット PNG 画像

Download vintage harmony color palette PNG image (landscape)
Download vintage harmony color palette PNG image (square)

Vintage Harmony カラーパレット CSS

/* CSS */
.color-1 {
color: #f7f4e8;
}
.color-2 {
color: #a4c2db;
}
.color-3 {
color: #4b7c9b;
}
.color-4 {
color: #2e3f52;
}
.color-5 {
color: #1b1c22;
}

/* CSS Variables */
:root {
--color-1: #f7f4e8;
 --color-2: #a4c2db;
 --color-3: #4b7c9b;
 --color-4: #2e3f52;
 --color-5: #1b1c22;
 }

Vintage Harmony の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7f4e8, #a4c2db, #4b7c9b, #2e3f52, #1b1c22);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7f4e8, #a4c2db, #4b7c9b, #2e3f52, #1b1c22);
}

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

Vintage Harmony color palette created on .