Nostalgic Luxury カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nostalgic Luxury palette

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

Nostalgic Luxury カラー パレット PNG 画像

Download nostalgic luxury color palette PNG image (landscape)
Download nostalgic luxury color palette PNG image (square)

Nostalgic Luxury カラーパレット CSS

/* CSS */
.color-1 {
color: #a19d9b;
}
.color-2 {
color: #b3a8a2;
}
.color-3 {
color: #c7b7b3;
}
.color-4 {
color: #e0c7b2;
}
.color-5 {
color: #d4c1a1;
}

/* CSS Variables */
:root {
--color-1: #a19d9b;
 --color-2: #b3a8a2;
 --color-3: #c7b7b3;
 --color-4: #e0c7b2;
 --color-5: #d4c1a1;
 }

Nostalgic Luxury の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a19d9b, #b3a8a2, #c7b7b3, #e0c7b2, #d4c1a1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a19d9b, #b3a8a2, #c7b7b3, #e0c7b2, #d4c1a1);
}

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

Nostalgic Luxury color palette created on .