Pierce the Veil Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Pierce the Veil palette
Color Inspiration
Images that showcase this color palette in real designs
Download Pierce the Veil Color Palette (PNG)
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 .