Gothic Whiskers カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gothic Whiskers palette

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

Gothic Whiskers カラー パレット PNG 画像

Download gothic whiskers color palette PNG image (landscape)
Download gothic whiskers color palette PNG image (square)

Gothic Whiskers カラーパレット CSS

/* CSS */
.color-1 {
color: #d9b34a;
}
.color-2 {
color: #a35f2e;
}
.color-3 {
color: #793e2a;
}
.color-4 {
color: #4c2e24;
}
.color-5 {
color: #2c1b1d;
}

/* CSS Variables */
:root {
--color-1: #d9b34a;
 --color-2: #a35f2e;
 --color-3: #793e2a;
 --color-4: #4c2e24;
 --color-5: #2c1b1d;
 }

Gothic Whiskers の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d9b34a, #a35f2e, #793e2a, #4c2e24, #2c1b1d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d9b34a, #a35f2e, #793e2a, #4c2e24, #2c1b1d);
}

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

Gothic Whiskers color palette created on .