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