Milky Auburn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Milky Auburn palette

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

Milky Auburn カラー パレット PNG 画像

Download milky auburn color palette PNG image (landscape)
Download milky auburn color palette PNG image (square)

Milky Auburn カラーパレット CSS

/* CSS */
.color-1 {
color: #d2a074;
}
.color-2 {
color: #b86b56;
}
.color-3 {
color: #a34d3e;
}
.color-4 {
color: #7c3c3e;
}
.color-5 {
color: #4c1f1f;
}

/* CSS Variables */
:root {
--color-1: #d2a074;
 --color-2: #b86b56;
 --color-3: #a34d3e;
 --color-4: #7c3c3e;
 --color-5: #4c1f1f;
 }

Milky Auburn の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2a074, #b86b56, #a34d3e, #7c3c3e, #4c1f1f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2a074, #b86b56, #a34d3e, #7c3c3e, #4c1f1f);
}

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

Milky Auburn color palette created on .