Luther Ivory カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Luther Ivory palette

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

Luther Ivory カラー パレット PNG 画像

Download luther ivory color palette PNG image (landscape)
Download luther ivory color palette PNG image (square)

Luther Ivory カラーパレット CSS

/* CSS */
.color-1 {
color: #e3d8c4;
}
.color-2 {
color: #d5c5b4;
}
.color-3 {
color: #b4a69d;
}
.color-4 {
color: #9d8c7b;
}
.color-5 {
color: #785c4f;
}

/* CSS Variables */
:root {
--color-1: #e3d8c4;
 --color-2: #d5c5b4;
 --color-3: #b4a69d;
 --color-4: #9d8c7b;
 --color-5: #785c4f;
 }

Luther Ivory の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e3d8c4, #d5c5b4, #b4a69d, #9d8c7b, #785c4f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e3d8c4, #d5c5b4, #b4a69d, #9d8c7b, #785c4f);
}

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

Luther Ivory color palette created on .