Auburn Olive カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Auburn Olive palette

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

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

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

Auburn Olive カラーパレット CSS

/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #a85f2e;
}
.color-3 {
color: #dacaa4;
}
.color-4 {
color: #496d2c;
}
.color-5 {
color: #3c2a2a;
}

/* CSS Variables */
:root {
--color-1: #6f4c3e;
 --color-2: #a85f2e;
 --color-3: #dacaa4;
 --color-4: #496d2c;
 --color-5: #3c2a2a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #a85f2e, #dacaa4, #496d2c, #3c2a2a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #a85f2e, #dacaa4, #496d2c, #3c2a2a);
}

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

Auburn Olive color palette created on .