Old Money Luxe カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Old Money Luxe palette

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

Old Money Luxe カラー パレット PNG 画像

Download old money luxe color palette PNG image (landscape)
Download old money luxe color palette PNG image (square)

Old Money Luxe カラーパレット CSS

/* CSS */
.color-1 {
color: #d4c29b;
}
.color-2 {
color: #a09a79;
}
.color-3 {
color: #7b6e5b;
}
.color-4 {
color: #5b4a3e;
}
.color-5 {
color: #3b3930;
}

/* CSS Variables */
:root {
--color-1: #d4c29b;
 --color-2: #a09a79;
 --color-3: #7b6e5b;
 --color-4: #5b4a3e;
 --color-5: #3b3930;
 }

Old Money Luxe の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4c29b, #a09a79, #7b6e5b, #5b4a3e, #3b3930);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4c29b, #a09a79, #7b6e5b, #5b4a3e, #3b3930);
}

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

Old Money Luxe color palette created on .