Pierce the Veil Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Pierce the Veil palette
Pierce the Veil color palette PNG image
Pierce the Veil color palette CSS
/* CSS */
.color-1 {
color: #a48737;
}
.color-2 {
color: #8c4e31;
}
.color-3 {
color: #512e1f;
}
.color-4 {
color: #43437f;
}
.color-5 {
color: #7da3c5;
}
/* CSS Variables */
:root {
--color-1: #a48737;
--color-2: #8c4e31;
--color-3: #512e1f;
--color-4: #43437f;
--color-5: #7da3c5;
} Pierce the Veil background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a48737, #8c4e31, #512e1f, #43437f, #7da3c5);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a48737, #8c4e31, #512e1f, #43437f, #7da3c5);
} Similar color palettes
Pierce the Veil color palette created on .