Bandit Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Bandit palette
Color Inspiration
Images that showcase this color palette in real designs
Download Bandit Color Palette (PNG)
Bandit color palette CSS
/* CSS */
.color-1 {
color: #1c1c1c;
}
.color-2 {
color: #3b3b3b;
}
.color-3 {
color: #595959;
}
.color-4 {
color: #a6a6a6;
}
.color-5 {
color: #dbdbdb;
}
/* CSS Variables */
:root {
--color-1: #1c1c1c;
--color-2: #3b3b3b;
--color-3: #595959;
--color-4: #a6a6a6;
--color-5: #dbdbdb;
} Bandit background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1c1c, #3b3b3b, #595959, #a6a6a6, #dbdbdb);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1c1c, #3b3b3b, #595959, #a6a6a6, #dbdbdb);
} Similar color palettes
Bandit color palette created on .