Victorian Brassworks カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Victorian Brassworks palette

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

Victorian Brassworks カラーパレット CSS

/* CSS */
.color-1 {
color: #7b5d3d;
}
.color-2 {
color: #c28d5b;
}
.color-3 {
color: #d7b56a;
}
.color-4 {
color: #e5c69a;
}
.color-5 {
color: #bfae8d;
}

/* CSS Variables */
:root {
--color-1: #7b5d3d;
 --color-2: #c28d5b;
 --color-3: #d7b56a;
 --color-4: #e5c69a;
 --color-5: #bfae8d;
 }

Victorian Brassworks の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7b5d3d, #c28d5b, #d7b56a, #e5c69a, #bfae8d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7b5d3d, #c28d5b, #d7b56a, #e5c69a, #bfae8d);
}

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

Victorian Brassworks color palette created on .