Dark Academia Auburn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Academia Auburn palette

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

Dark Academia Auburn カラー パレット PNG 画像

Download dark academia auburn color palette PNG image (landscape)
Download dark academia auburn color palette PNG image (square)

Dark Academia Auburn カラーパレット CSS

/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #8b5c4b;
}
.color-3 {
color: #c7a86b;
}
.color-4 {
color: #e3d5ba;
}
.color-5 {
color: #f5f0f0;
}

/* CSS Variables */
:root {
--color-1: #6f4c3e;
 --color-2: #8b5c4b;
 --color-3: #c7a86b;
 --color-4: #e3d5ba;
 --color-5: #f5f0f0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #8b5c4b, #c7a86b, #e3d5ba, #f5f0f0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #8b5c4b, #c7a86b, #e3d5ba, #f5f0f0);
}

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

Dark Academia Auburn color palette created on .