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 .