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