Dark Goblincore カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Goblincore palette

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

Dark Goblincore カラー パレット PNG 画像

Download dark goblincore color palette PNG image (landscape)
Download dark goblincore color palette PNG image (square)

Dark Goblincore カラーパレット CSS

/* CSS */
.color-1 {
color: #3d3a2e;
}
.color-2 {
color: #5b5a48;
}
.color-3 {
color: #6e6d59;
}
.color-4 {
color: #a4a65e;
}
.color-5 {
color: #d9c7a0;
}

/* CSS Variables */
:root {
--color-1: #3d3a2e;
 --color-2: #5b5a48;
 --color-3: #6e6d59;
 --color-4: #a4a65e;
 --color-5: #d9c7a0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3d3a2e, #5b5a48, #6e6d59, #a4a65e, #d9c7a0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3d3a2e, #5b5a48, #6e6d59, #a4a65e, #d9c7a0);
}

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

Dark Goblincore color palette created on .